css样式重置

作为一名切图仔，经常会遇到头疼的各大浏览器兼容性问题，确切的说是兼容它们“默认”的CSS样式表。重置样式成为我们为我们的网页梳妆打扮的第一步，也是关键性的一步。
以前我这样重置样式：

*{
    margin:0;
    padding:0;
}

后来通过看一些大神的博客以及查阅相关资料发现，上面的方式会让网页解析的很慢，于是我根据自己的需求，这样重置样式：

body,html,div,blockquote,img,label,p,h1,h2,h3,h4,h5,h6,pre,ul,ol,li,dl,dt,dd,form,fieldset,input,th,td{
    margin:0;
    padding:0;
    border:0;
    outline:none;
}
body{
    line-height:1;
    fontsize:88%;
}
h1,h2,h3,h4,h5,h6{
    font-size:100%;
    font-weight: normal;
}
ul,ol{
    list-style: none;
}
address,caption,cite,code,dfn,em,strong,th,var{
    font-style:normal;
    font-weight: normal;
}
caption,th{
    text-align:left;
}
a{
    color:#ffffff;
    text-decoration: none;
}
a:hover{
    text-decoration:underline;
}

相关文章