CSS初始化指的是在使用CSS樣式之前,先對所有HTML元素進行樣式重置,以跨瀏覽器實現規范一致的顯示效果。因為不同瀏覽器的默認樣式不同,導致在樣式編寫時經常需要對某些樣式也進行重置,所以初始化的工作就是為了規范瀏覽器之間的差異。
* { margin: 0; padding: 0; box-sizing: border-box; } html, body { height: 100%; } body { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; color: #333; } a { color: #2196f3; text-decoration: none; }
上面的CSS代碼是常見的CSS初始化模板,其中*
表示重置所有元素的內外邊距為0,box-sizing: border-box;
表示所有元素的盒模型采用邊框盒模型,font-family
和font-size
用作網頁的基本字體(可以根據自己需要進行修改),a
標簽的顏色和下劃線都被取消,變成藍色。
有了CSS初始化,就可以讓樣式重置為一致的狀態,更精簡的CSS代碼和更好的瀏覽器兼容性,讓網站更易于開發和維護。
上一篇京東左側二級菜單css
下一篇css選擇器標記