normalize.css

瀏覽器具有一組預設的 CSS 樣式，用於渲染元素。例如，甚至可以使用瀏覽器的設定自定義其中一些樣式以更改預設字型外觀和大小定義。樣式包含哪些元素應該是塊級或內聯的定義等等。

因為這些預設樣式在語言規範中有一定的餘地，並且因為瀏覽器可能無法正確遵循規範，所以它們可能因瀏覽器而異。

這是 normalize.css 發揮作用的地方。它覆蓋了最常見的不一致性並修復了已知的錯誤。

它有什麼作用

• 與許多 CSS 重置不同，保留有用的預設值。
• 規範化各種元素的樣式。
• 更正錯誤和常見的瀏覽器不一致。
• 通過微妙的修改提高可用性。
• 使用詳細註釋說明程式碼的作用。

因此，通過在專案中包含 normalize.css，你的設計在不同瀏覽器中看起來會更加相似和一致。

與 reset.css 的區別

你可能聽說過 reset.css。兩者有什麼區別？

雖然 normalize.css 通過將不同屬性設定為統一預設值來提供一致性，但 reset.css 通過刪除瀏覽器可能應用的所有基本樣式來實現一致性。雖然這聽起來似乎是一個好主意，但這實際上意味著你必須自己編寫所有規則，這違背了一個堅實的標準。