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;   
        }

相信看了這些案例你已經(jīng)掌握了方法，更多精彩請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！

相關(guān)閱讀：

HTML文本格式化的實(shí)例詳解

html的特殊字符-css3 content:"特殊符號(hào)"應(yīng)該如何使用

Html網(wǎng)頁(yè)表格結(jié)構(gòu)化標(biāo)記該如何使用

以上就是html頁(yè)面公共樣式有哪些的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！