zoukankan      html  css  js  c++  java
  • 覆盖浏览器默认样式,去除user agent stylesheet 的影响

    在设计网页查看自己的css效果时,有时候会发现自己写的样式无法起作用,查看了一下样式,发现是user agent stylesheet 的样式将我们写的样式给覆盖了,user agent stylesheet 是浏览器默认的样式,浏览器的css样式渲染了我们的html,所以才会出现这种问题,所以我们写前台页面的时候首先要对前台页面初始化,这是一个很好的习惯。

    清除浏览器样式的初始化代码:

    html{color:#000;background:#FFF;}   
    body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,   
    fieldset,input,textarea,p,blockquote,th,td {   
    margin:0;   
    padding:0;   
    }   
    table{   
    border-collapse:collapse;   
    border-spacing:0;   
    }   
    fieldset,img {   
    border:0;   
    }   
    address,caption,cite,code,dfn,em,strong,th,var {   
    font-style:normal;   
    font-weight:normal;   
    }   
    ol,ul {   
    list-style:none;   
    }   
    caption,th {   
    text-align:left;   
    }   
    h1,h2,h3,h4,h5,h6 {   
    font-size:100%;   
    font-weight:normal;   
    }   
    q:before,q:after {   
    content:'';   
    }   
    abbr,acronym { border:0;   
    }   
    @charset "utf-8";  
    *{  
        margin: 0px;  
        padding: 0px;  
          
    }   
    a{  
        text-decoration: none;  
        color: #000000;  
        font-size:15px;  
        /*字体*/  
    }  
    li{  
        list-style: none;  
    }  
    input,img{  
        border: none;  
    }  
  • 相关阅读:
    MySQLSource-Flume
    Flume
    Hive| ETL清洗& 查询练习
    Hive-04 压缩| 存储
    Hive-03 查询
    Hive-02 DDL| DML
    shell基本用法
    Hive-01 配置| 架构原理
    HDFS-HA高可用 | Yarn-HA
    react-路由和Ant design
  • 原文地址:https://www.cnblogs.com/pfr-blog/p/7380747.html
Copyright © 2011-2022 走看看