CSS Reset方法

標籤：

CSS Reset 即重設瀏覽器的樣式。在各種瀏覽器中，都會對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; }

OK，相信你也已經瞭解了CSS重設的目的，或許你也可以根據自己的喜好，寫一個自己的CSS重設系統，畢竟大家的需求和習慣的不同的。

轉載http://www.nowamagic.net/librarys/veda/detail/732

CSS Reset方法