css reset 整理

什么叫做css reset呢？即重置css，也就是重置默认样式。一些标签元素在HTML下有一个默认属性值，我们在写css页面的时候，为了避免在css中重复定义它们，我们需要重置默认样式（css reset）。

以前使用最多*{margin:0;padding:0}，但其格式化太严重，慢慢被废弃。
国内大型门户如QQ，taobao等css reset时均有 yui的影子。
业内用的最多的还有 Erik Meyer’s CSS Reset。

个人认为：应根据需求，量体裁衣。
综合yui,Erik,taobao我们就可以写出了自己的css reset。


参考文章：
1。 Reset CSS 研究（技术篇）
2。 Reset CSS研究（八卦篇）
3。 Erik Meyer’s CSS Reset
4。 YUI css reset

整理的css reset:

1. 
   
2. /* reset */
   
3. html{color:#000;background:#fff;}
   
4. body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
   
5. body{font:12px/1 Tahoma,Helvetica,Arial,"\5b8b\4f53",sans-serif;}
   
6. img{border:none;}
   
7. em,strong{font-style:normal;font-weight:normal;}
   
8. li{list-style:none;}
   
9. table {border-collapse:collapse;border-spacing:0;}
   
10. h1{font-size:18px;}
    
11. h2{font-size:16px;}
    
12. h3{font-size:14px;}
    
13. h4, h5, h6{font-size:100%;}
    
14. 
    
15. q:before,q:after{content:'';}/* 消除q前后的内容 */
    
16. button,input,select,textarea{font-size:100%;}/* 使得表单元素在 ie 下能继承字体大小 */
    
17. input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
    
18. address,cite,dfn,em,var{font-style:normal;} /* 将斜体扶正 */
    
19. 
    
20. /* link */
    
21. a{color:#36c;text-decoration:none;}
    
22. a:hover{color:#f60;text-decoration:underline;}
    
23. 
    

复制代码