html页面公共样式有哪些

这次给大家带来html页面公共样式有哪些，使用html页面公共样式的注意事项有哪些，下面就是实战案例，一起来看一下。

body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select {   
            margin: 0;   
            padding: 0;   
        }   
  
        * {   
            box-sizing: border-box;   
        }   
        table{   
            border-collapse:collapse;   
        }   
        body {   
            font-family: "Microsoft YaHei";   
        }   
  
        ul, li {   
            list-style: none;   
        }   
  
        a {   
            text-decoration: none;   
            color: #232323;   
        }   
  
        input, textarea {   
            outline: none;   
            box-shadow: none;   
        }   
  
        textarea {   
            resize: none;   
            overflow: auto;   
        }   
  
        .clearfix {   
            zoom: 1;   
        }   
  
        .clearfix:after {   
            content: ".";   
            width: 0;   
            height: 0;   
            visibility: hidden;   
            display: block;   
            clear: both;   
        }   
  
        .fl {   
            float: left   
        }   
  
        .fr {   
            float: right   
        }   
  
        .tl {   
            text-align: left;   
        }   
  
        .tc {   
            text-align: center   
        }   
  
        .tr {   
            text-align: right;   
        }   
  
        .ellipse {   
            overflow: hidden;   
            text-overflow: ellipsis;   
            white-space: nowrap;   
        }

相信看了这些案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

相关阅读：

HTML文本格式化的实例详解

html的特殊字符-css3 content:"特殊符号"应该如何使用

Html网页表格结构化标记该如何使用

以上是html页面公共样式有哪些的详细内容。更多信息请关注PHP中文网其他相关文章！