CSS 清除樣式是指去除 HTML 元素的默認樣式,以便我們能夠更好地控制元素的樣式。默認情況下,不同瀏覽器會對 HTML 元素采用不同的樣式表,例如設置字體、顏色、邊距、行高等。如果我們不清除樣式,可能會出現網頁樣式混亂甚至無法正常顯示的情況。
以下是一些常用的 CSS 清除樣式方法:
/* 方法一:使用全局樣式 */ * { margin: 0; padding: 0; box-sizing: border-box; font-size: 16px; } /* 方法二:使用 normalize.css */ https://necolas.github.io/normalize.css/ /* 方法三:使用 reset.css */ http://meyerweb.com/eric/tools/css/reset/
方法一通過使用通配符 * 來清除所有元素的默認邊距和內邊距,并將所有元素的盒模型設置為 border-box,以確保元素寬度和高度的計算方式一致。同時,設置默認字體大小為 16px。
方法二是使用開源庫 normalize.css,它會在所有瀏覽器中保持一致的默認樣式。它重置了 HTML5 元素的默認樣式,修復了瀏覽器間的差異,提供了更好的用戶體驗。
方法三是使用 Eric Meyer 創建的 reset.css,與 normalize.css 類似,它重置了 HTML 元素的默認樣式,讓不同瀏覽器在呈現樣式時更一致。但它更加徹底,清除了更多的樣式,例如清除了超鏈接的下劃線等。
上一篇css定位大全
下一篇css定位在屏幕中心點