|
每個(gè)瀏覽器都有他自己的一個(gè)默認(rèn)樣式。可以保證HTML在沒(méi)有自定義樣式的情況下也能被有據(jù)可循的渲染。你應(yīng)該知道:未訪問(wèn)的鏈接是藍(lán)色、訪問(wèn)過(guò)的是紫色、strong標(biāo)簽加粗顯示、H1的字號(hào)大一些。然后,各廠商就是喜歡讓我們的生活豐富多彩一點(diǎn),然后每個(gè)瀏覽器的默認(rèn)樣式都不相同。所以,你怎么能保證你的自定義樣式不會(huì)被瀏覽器的默認(rèn)樣式影響呢?
CSS重置,這個(gè)方法通常用來(lái)清除瀏覽器內(nèi)置的默認(rèn)樣式。通常,所有的字體和line-height都設(shè)置為100%,margin、padding設(shè)置為0px,去掉border,列表也無(wú)樣式。
Eric Meyer的CSS重置方案是第一個(gè)也是被大家廣泛使用的。HTML5 doctor的HTML5 Reset Stylesheet也可以幫助設(shè)置一些新的元素。CSSReset.com還提供一些別的不錯(cuò)的方案和文檔。
應(yīng)該使用CSS重置嗎?
我隨便看了30個(gè)網(wǎng)站,其中大多數(shù)都使用了CSS重置。他的優(yōu)點(diǎn)很明顯:
- 可以提供完全空白的畫布,然后你就可以自己定義相應(yīng)的樣式了
- 開發(fā)更加有邏輯性:你只是添加樣式而不是移除和修改
- 瀏覽器的兼容性問(wèn)題可以降到最小
盡管有這些優(yōu)點(diǎn),但是我還是不使用CSS重置。實(shí)際上,也不完全正確,我會(huì)使用margin和padding的重置,因?yàn)槟J(rèn)的實(shí)在是沒(méi)用:
* { padding: 0; margin: 0; }
it知識(shí)庫(kù):重置還是不重置-這是個(gè)CSS問(wèn)題,轉(zhuǎn)載需保留來(lái)源!
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。