Normalize.css有什么用

這篇文章主要講解了“Normalize.css有什么用”，文中的講解內(nèi)容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“Normalize.css有什么用”吧！

　　Normalize.css只是一個很小的css文件，但它在默認的HTML元素樣式上提供了跨瀏覽器的高度一致性。相比于傳統(tǒng)的cssreset，Normalize.css是一種現(xiàn)代的，為HTML5準備的優(yōu)質(zhì)替代方案。Normalize.css現(xiàn)在已經(jīng)被用于TwitterBootstrap，HTML5Boilerplate，GOV.UK，Rdio，CSSTricks以及許許多多其他的框架，工具和網(wǎng)站上。

　　Normalize.css是一種CSSreset的替代方案。經(jīng)過@necolas和@jonneal花了幾百個小時來努力研究不同瀏覽器的默認樣式的差異，這個項目終于變成了現(xiàn)在這樣。

我們創(chuàng)造normalize.css有下幾個目的:

　　保護有用的瀏覽器默認樣式而不是完全去掉它們一般化的樣式:為大部分HTML元素提供修復瀏覽器自身的bug并保證各瀏覽器的一致性優(yōu)化CSS可用性:用一些小技巧解釋代碼:用注釋和詳細的文檔來

　　Normalize.css支持包括手機瀏覽器在內(nèi)的超多瀏覽器，同時對HTML元素，排版，列表，嵌入的內(nèi)容，表單和表格都進行了一般化。盡管這個項目進行了一般化的原則，但我們還是在合適的地方使用了更實用的默認值。

NormalizevsReset

　　知道Normalize.css和傳統(tǒng)的區(qū)別是非常有價值的。

　　1.Normalize.css保護了有價值的默認值

　　Reset通過為幾乎所有的元素施加默認樣式，強行使得元素有相同的視覺效果。相比之下，Normalize.css保持了許多默認的瀏覽器樣式。這就意味著你不用再為所有的公共排版元素重新設置樣式。當一個元素在不同的瀏覽器中有不同的默認值時，Normalize.css會力求讓這些樣式保持一致并可能與現(xiàn)代標準相符合。

　　2.Normalize.css修復了瀏覽器的bug

　　它修復了常見的桌面段和移動端瀏覽器的bug。這往往超出了Reset所能做到的范疇。關(guān)于這一點，Normalize.css修復的問題包含了HTML5元素的顯示設置，與格式化文字的font-size問題，在IE9中SVG的溢出，許多出現(xiàn)在各瀏覽器和操作系統(tǒng)中的與表單相關(guān)的bug。

感謝各位的閱讀，以上就是“Normalize.css有什么用”的內(nèi)容了，經(jīng)過本文的學習后，相信大家對Normalize.css有什么用這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關(guān)知識點的文章，歡迎關(guān)注！