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中文網其它相關文章！