首頁  >  文章  >  web前端  >  normalize和css reset分別是什麼檔案?又有什麼差別?

normalize和css reset分別是什麼檔案?又有什麼差別?

藏色散人
藏色散人轉載
2021-10-26 17:22:182243瀏覽

normalize和css reset分別是什麼檔案?又有什麼差別?

normalize與css reset的區別:

Normalize.css只是一個很小的css文件,相較於傳統的CSS reset,Normalize.css是一種現代的、為HTML5準備的優質替代方案。也就是說,Normalize.css是一種CSS reset的替代方案。

Normalize.css 保護了有價值的預設值

reset透過為幾乎所有的元素施加預設樣式,強行使得元素有相同的視覺效果。相比之下,Normalize.css保持了許多磨人的瀏覽器樣式。這表示你不用再為所有公共的排版元素重新設定樣式。當一個元素在不同的瀏覽器中有不同的預設值時,Normalize.css會力求讓這些樣式保持一致並盡可能與現代標準符合。

Normalize.css 修復了瀏覽器的bug

它修復了常見的桌面端與行動裝置瀏覽器的bug。這往往超出了Reset所能做到的範圍。關於這一點,Normalize.css修復的問題包含了HTML5元素的顯示設定、預先格式化文字的font-size問題、在IE9中SVG的溢出、許多出現在各瀏覽器和作業系統中的與表單相關的bug。

Normalize.css 不會讓你的調試工具變的雜亂

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

Normalize.css 是模組化的

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

Normalize.css 擁有詳細的文件

Normalize.css的程式碼是基於詳細且全面的跨瀏覽器研究與測試。這個檔案中擁有詳細的程式碼說明並在Github Wiki中有進一步的說明。這意味著你可以找到每一行程式碼具體完成了什麼工作、為什麼要寫這句程式碼、瀏覽器之間的差異,並且你可以更容易的進行自己的測試。

推薦學習:《css影片教學

#

以上是normalize和css reset分別是什麼檔案?又有什麼差別?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文轉載於:segmentfault.com。如有侵權,請聯絡admin@php.cn刪除