技术分享调用CSSReset重设浏览器样式

　　本文向大家描述一下CSS Reset的使用，CSS Reset即重设浏览器的样式，但并不是所有的浏览器都使用一样的数值，所以，有了CSS Reset，以让网页的样式在各浏览器中表现一致。

　　CSS Reset

　　CSS Reset即重设浏览器的样式。在各种浏览器中，都会对CSS的选择器默认一些数值，譬如当h1没有被设置数值时，显示一定大小。但并不是所有的浏览器都使用一样的数值，所以，有了CSS Reset，以让网页的样式在各浏览器中表现一致。

　　正在使用CSS的你，用过CSS Reset吗？当然，或许你用了，却不知道正在用，比如你可能用到：

　　viewsourceprint?

　　
　　1*{  
　　 
　　2padding:0;  
　　 
　　3margin:0;  
　　 
　　4border:0;  
　　 
　　5}  

　　这也是一种CSS Reset的方法，让所有的选择器的padding、margin和border都设置成0。这是一种强大的方法，也是最简单，最安全的方法，不过，也是最占用资源的方法。对于小型的网站来说，用这个并不会带来大的资源浪费，但如果是像Yahoo这种架构非常大的网站，刚需要有选择地进行CSS Reset，以减少资源浪费。下面是Yahoo的CSS Reset代码，也是受最多人喜爱的CSS Reset方法，YUI选择的方法是：

　　viewsourceprint?

　　
　　01body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,  
　　 
　　02form,fieldset,input,textarea,p,blockquote,th,td{  
　　 
　　03padding:0;   
　　04margin:0; 
　　 
　　05}   
　　06   
　　07table   
　　08{  
　　 
　　09border-collapse:collapse;  
　　 
　　10border-spacing:0;  
　　11}   
　　12   
　　13fieldset,img   
　　14{   
　　15border:0;   
　　16}   
　　17   
　　18address,caption,cite,code,dfn,em,strong,th,var  
　　 
　　19{   
　　20font-weight:normal;  
　　 
　　21font-style:normal;  
　　 
　　22}   
　　23   
　　24ol,ul   
　　25{  
　　 
　　26list-style:none;  
　　 
　　27}   
　　28   
　　29caption,th   
　　30{   
　　31text-align:left;   
　　32}   
　　33   
　　34h1,h2,h3,h4,h5,h6  
　　 
　　35{   
　　36font-weight:normal;  
　　 
　　37font-size:100%;  
　　 38}   
　　39   
　　40q:before,q:after  
　　41{  
　　 
　　42content:'';   
　　43}   
　　44   
　　45abbr,acronym   
　　46{   
　　47border:0;  
　　48} 

　　OK，相信你也已经了解了CSS Reset的目的，或许你也可以根据自己的喜好，写一个自己的CSS Reset系统，毕竟大家的需求和习惯的不同的。