您好,登錄后才能下訂單哦!
這篇文章主要介紹了normalize.css如何使用,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
normalize.css的使用方法:首先安裝或從Github下載Normalize.css;然后將normalize.css作為項目的基礎CSS或者引入normalize.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如何使用”這篇文章對大家有幫助,同時也希望大家多多支持億速云,關注億速云行業資訊頻道,更多相關知識等著你來學習!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。