normalize.css的使用方法:先安裝或從Github下載Normalize.css;然後將normalize.css作為專案的基礎CSS或引入normalize.css原始碼並在此基礎上建置即可。
本教學操作環境:windows7系統、Dell G3電腦、normalize.css v3.0.3。
推薦:css影片教學
Normalize.css 只是一個很小的CSS文件,但它在預設的HTML元素樣式上提供了跨瀏覽器的高度一致性。相較於傳統的CSS reset, Normalize.css是一種現代的、為HTML5準備的優質替代方案。 Normalize.css現在已經被用於Twitter Bootstrap以及許許多多其他框架、工具和網站上。
Normalize.css是一種CSS reset 的替代方案。經過@necolas和@jon_neal花了幾百個小時來努力研究不同瀏覽器的預設樣式的差異,這個專案終於變成了現在這樣。
創造normalize.css有下面這幾個目的:
#保護有用的瀏覽器預設樣式而不是完全去掉它們
一般化的樣式:提供大部分HTML元素
修復瀏覽器本身的bug並保證各瀏覽器的一致性
優化CSS可用性:用一些小技巧
解釋程式碼:用註解和詳細的文件來
Normalize.css支援包括手機瀏覽器在內的超多瀏覽器,同時對Html5元素、排版、清單、嵌入的內容、表單和表格都進行了一般化。儘管這個項目是基於一般化的原則,但還是在適當的地方使用了更實用的預設值。
怎麼使用 normalize.css
首先,安裝或從Github下載Normalize.css,接下來有兩種主要途徑去使用它。
策略一:將normalize.css作為你自己專案的基礎CSS,自訂樣式值以滿足設計師的需求。
策略二:引入normalize.css源碼並在此基礎上構建,在必要的時候用你自己寫的CSS覆蓋預設
以上是normalize.css 怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章!