normalize和css reset有什么區(qū)別

這篇文章主要介紹“normalize和css reset有什么區(qū)別”，在日常操作中，相信很多人在normalize和css reset有什么區(qū)別問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”normalize和css reset有什么區(qū)別”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

normalize與css reset的區(qū)別：

Normalize.css只是一個很小的css文件，相比于傳統(tǒng)的CSS reset,Normalize.css是一種現(xiàn)代的、為HTML5準備的優(yōu)質(zhì)替代方案。也就是說，Normalize.css是一種CSS reset的替代方案。

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

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

Normalize.css 修復了瀏覽器的bug

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

Normalize.css 不會讓你的調(diào)試工具變的雜亂

使用Reset最讓人困擾的地方莫過于在瀏覽器調(diào)試工具中大段大段的繼承鏈，在Normalize.css中就不會有這樣的問題，因為在我們的準則中對多選擇器的使用是非常謹慎的，我們僅會有目的地對目標元素設置樣式。

Normalize.css 是模塊化的

這個項目已經(jīng)被拆分為多個相關卻又獨立的部分，這使得你能夠很容易也很清楚地知道哪些元素被設置了特定的值。因此這能讓你自己選擇性地移除掉某些永遠不會用到的部分（比如表單的一般化）。

Normalize.css 擁有詳細的文檔

Normalize.css的代碼基于詳細而全面的跨瀏覽器研究與測試。這個文件中擁有詳細的代碼說明并在Github Wiki中有進一步的說明。這意味著你可以找到每一行代碼具體完成了什么工作、為什么要寫這句代碼、瀏覽器之間的差異，并且你可以更容易的進行自己的測試。

到此，關于“normalize和css reset有什么區(qū)別”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續(xù)學習更多相關知識，請繼續(xù)關注億速云網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>