首頁 > web前端 > 前端問答 > normalize.css 怎麼用

normalize.css 怎麼用

藏色散人
發布: 2022-12-30 11:11:58
原創
3133 人瀏覽過

normalize.css的使用方法:先安裝或從Github下載Normalize.css;然後將normalize.css作為專案的基礎CSS或引入normalize.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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板