CSS的樣式清除可以幫助我們消除不必要的默認樣式,從而更高效地開發網頁。下面我們來介紹幾種清除樣式的方法:
* { margin: 0; padding: 0; box-sizing: border-box; font-family: inherit; }
方法一:統一重置
body, html { height: 100%; margin: 0; padding: 0; } body { font-size: 18px; line-height: 1.5; color: #333; font-family: Arial, sans-serif; }
方法二:選擇器清除
.clearfix::after { content: ""; display: block; clear: both; } .list li { list-style: none; }
方法三:使用Normalize.css
方法四:使用Reset.css
使用清除樣式的方法可以讓我們更加方便地設計網頁,提高開發效率。但需要注意的是,清除樣式時需要考慮到兼容性問題,以及不要清除過度導致網頁樣式丟失。
下一篇css的框架哪個好