normalize.css 怎麼用

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中文網其他相關文章！