DIV CSS 佈局教程網

本文和大家重點討論一下主流浏覽器CSS Reset的方法，在各種浏覽器中，都會對CSS的選擇器默認一些數值，有了CSS Reset以後會讓網頁的樣式在各浏覽器中表現一致。

主流浏覽器CSS Reset的方法

知道CSS Reset是什麼嗎？通常情況下，它也被寫成Reset CSS，即重設浏覽器的樣式。在各種浏覽器中，都會對CSS的選擇器默認一些數值，譬如當h1沒有被設置數值時，顯示一定大小。但並不是所有的浏覽器都使用一樣的數值，所以，有了CSS Reset，以讓網頁的樣式在各浏覽器中表現一致。

正在使用CSS的你，用過CSS Reset嗎？當然，或許你用了，卻不知道正在用，比如你可能用到：

*{padding:0;margin:0;border:0;}  
 

這也是一款CSS Reset的方法，讓所有的選擇器的padding、margin和border都設置成0。這是一種強大的方法，也是最簡單，最安全的方法，不過，也是最占用資源的方法。對於小型的網站來說，用這個並不會帶來大的資源浪費，但如果是像Yahoo這種架構非常大的網站，剛需要有選擇地進行CSS重設，以減少資源浪費。下面是Yahoo的CSS重設代碼，也是受最多人喜愛的CSS Reset方法，YUI選擇的方法是：

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,  
form,fIEldset,input,textarea,p,blockquote,th,td{  
padding:0;  
margin:0;  
}  
table{  
border-collapse:collapse;  
border-spacing:0;  
}  
fIEldset,img{  
border:0;  
}  
address,caption,cite,code,dfn,em,strong,th,var{  
font-weight:normal;  
font-style:normal;  
}  
ol,ul{  
list-style:none;  
}  
caption,th{  
text-align:left;  
}  
h1,h2,h3,h4,h5,h6{  
font-weight:normal;  
font-size:100%;  
}  
q:before,q:after{  
content:”;  
}  
abbr,acronym{border:0;  
}