CSS最簡單的初始化
/* normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* 恢復部分標簽的默認樣式 */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* 移除margin */ body { margin: 0; } /* 移除h1-h6的默認字體大小,讓它們繼承父元素的字體大小 */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* 移除a的默認樣式 */ a { color: inherit; text-decoration: none; } /* 設置塊元素的box-sizing為border-box */ *, ::before, ::after { box-sizing: border-box; } /* 移除ul, ol的默認間距和內邊距 */ ul, ol { margin: 0; padding: 0; } /* 移除圖片的border */ img { border-style: none; } /* 移除表格的默認間距和邊框 */ table { border-collapse: collapse; border-spacing: 0; }
CSS初始化的作用是移除不同瀏覽器的默認樣式,解決樣式兼容性問題,讓開發者更易于編寫代碼。normalize.css是一個流行的CSS初始化工具,使用簡單且跨瀏覽器兼容性很好,所以在實際開發中常常被使用。
下一篇css最簡單輪播圖代碼