如何去掉多余的css样式

写好的css最好还是尽量少删啦，因为可能现在没起作用，在某一块没起作用，但是说不定以后能起作用，在别的地方能有用。在现在越来越强调代码重用的环境下，我们只能在编码初期就把代码整体架构给打好。比如说选择一个好的样式重置，科学的浮动清除方式等等都是至关重要的。所以我觉得与其想办法删除一些多余的css，倒不如把心思花在前期工作和css代码的锤炼上，毕竟事先解决比事后解决还是好一些的嘛。

因为各个浏览器默认的样式不同，你这种情况可以使用下面代码清除边距
<style>{margin:0;padding:0;}</style>建议做网站的时候，设置个resetcss样式表清除各个浏览器的默认样式，已达到做的网页在各个浏览器中达到统一，下面把YUI
Reset
CSS代码贴出
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;
}

a:hover{position:relative;top:50px;border:11px solid #CC9900;}
直接删掉这一句就好了，因为你的是放在 a标签里面的

用不同的class来定义div；
<div class="wrap">
<div class="box"></div>
</div>
wrap { 定义wrap属性 }
box { 定义box属性 }
样式表不要定义成：wrap box { 定义box属性 } 这样box就一定会继承wrap的属性；

---