Normalize.css v.s. Reset CSS

主要的差別是:

  1. Normalize.css 保留有用的預設樣式而不是讓所有東西沒有樣式. 舉例來說, 像是 sup 或 sub 元素只在引入 normalize.css 有作用 (事實上更強大) 而在引入 reset.css 之後它們在視覺上跟普通文字很難區分. 如同上述, normalize.css  不強加一個視覺起點 (homogeny) 給你. 這可能不是每個人都喜歡. 最好的辦法就是實際試試看喜歡哪一個.
  2. Normalize.css 修正一些超出 reset.css 範疇的常見 bugs . 它有比 reset.css 更廣的範疇, 也修正常見的問題的 bug 像是: HTML5 元素的顯示設定, 表格元素 font 繼承的缺陷, 校正 pre 表現的 font-size  , IE9 中可縮放向量圖形(SVG) 溢出, 和 iOS 中的 button 樣式 bug.
  3. Normalize.css 不會弄亂你的開發工具.  當使用 reset.css 時有個大的繼承鏈顯示在瀏覽器的 CSS debugging 工具是個常見的困擾. 因為針對性的樣式呈現在使用 normalize.css 不會有這個問題.
  4. Normalize.css 比較模組化. 整個內容被分離成相關的獨立部分, 如果你知道你的網站永遠不會需要時使你容易的移除不想要的部分 (就像表格的正規化) .
  5. Normalize.css 有比較完善的文件. normalize.css 程式碼被更全面的文件化放在  GitHub Wiki 之中. 這意味著 你可以找出每一行程式碼做了什麼, 為什麼包含了這些, 在瀏覽器之間的運行有什麼差異, 可以更容易地進行自己的測試. 這個專案意圖幫助教人們瀏覽器預設是如何呈現元素, 旱使他們更簡單去進行改進.

從 Stackoverflow 翻譯 :http://stackoverflow.com/questions/6887336/what-is-the-difference-between-normalize-css-and-reset-css

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / 變更 )

Twitter picture

You are commenting using your Twitter account. Log Out / 變更 )

Facebook照片

You are commenting using your Facebook account. Log Out / 變更 )

Google+ photo

You are commenting using your Google+ account. Log Out / 變更 )

連結到 %s