欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

html页面公共样式有哪些

程序员文章站 2022-04-14 12:14:24
...
这次给大家带来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;   
        }

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

相关阅读:

HTML文本格式化的实例详解

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

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

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