在HTML中,我們經常會遇到一些標簽擁有自己的默認樣式,如正文文本默認字體為宋體、鏈接樣式為下劃線和藍色等。這些默認樣式可能會對我們的網頁設計造成不必要的影響,因此我們需要清除掉它們。
* { margin: 0; padding: 0; border: 0; font-size: inherit; font-family: inherit; vertical-align: baseline; }
上述代碼就是一個常見的清除瀏覽器默認樣式的方法,又稱為“重置樣式表”。
其中,* { }
選擇器代表將所有標簽的樣式全部清除,margin
、padding
和border
屬性用于消除外邊距、內邊距和邊框,font-size
和font-family
用于繼承默認字體樣式,vertical-align
用于消除inline-block
元素底部的空隙,使它們對齊。
除此之外,還有一些針對具體標簽的清除樣式的方法。比如針對列表元素的清除,我們可以使用以下代碼:
ul, ol { list-style: none; }
代碼中的list-style
屬性用于消除列表元素的默認樣式,使它們不再有●
或1.
等符號。
總之,清除瀏覽器默認樣式是前端開發中必不可少的一環。它可以使我們更好地掌控樣式,實現更精美的網頁設計。
下一篇mysql必考