当前位置:Gxlcms > html代码 > html页面公共样式有哪些

html页面公共样式有哪些

时间:2021-07-01 10:21:17 帮助过:67人阅读

这次给大家带来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;   
        }

相信看了这些案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!

相关阅读:

HTML文本格式化的实例详解

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

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

以上就是html页面公共样式有哪些的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行