在CSS樣式表中,缺省情況下會有一些默認(rèn)的樣式屬性。
p { margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 0; }
在上述代碼中,我們可以看到缺省情況下,<p>
標(biāo)簽的四個方向的外邊距都被設(shè)置成了1em,而內(nèi)邊距則是沒有設(shè)置的。這就是為什么在我們的HTML中沒有設(shè)置樣式的段落標(biāo)簽,在頁面中也會有相對一致的樣式表現(xiàn)。
類似地,還有一些其它HTML標(biāo)簽也有默認(rèn)的CSS樣式。比如<ul>
標(biāo)簽有ul,li{margin:0;padding:0;},<a>
標(biāo)簽有a:link, a:visited {color: #0000EE;}等。這些默認(rèn)樣式可能會影響我們的布局效果,特別是當(dāng)我們想自定義樣式時。因此,我們需要在樣式表中顯式地清除它們。
ul,li { margin: 0; padding: 0; } a:link, a:visited { color: #000; text-decoration: none; }
以上代碼可以看出,我們清除了<ul>
標(biāo)簽和<li>
標(biāo)簽的margin和padding,以及點擊鏈接時的顏色和下劃線樣式。
總之,在開發(fā)樣式表時,清除默認(rèn)樣式是一個很好的習(xí)慣。我們可以使用工具代碼(如 reset.css)來清除默認(rèn)樣式,也可以手動編寫樣式表,不手動編寫時,也要明確了解缺省樣式,以便正確使用和修改。
上一篇css中給邊框顏色漸變
下一篇css中縮放動畫