如何使用normalize.css；沒有起點，它很快就會失控。有多種方法可以開始使用 CSS 使您的頁面看起來乾淨且易於使用。例如，您可以使用 Normalize CSS 文件或其他生成一組基線樣式的文件。
這篇文章將向您展示如何使用 Normalize CSS 文件。您還會知道為什麼有些開發人員使用它而不是其他開發人員。您還將學習如何實施並了解其工作原理。在帖子的最後，將顯示 Normalize 文件中的一些代碼示例。
使用 normalize.css 的步驟
將上面的 Javascript 添加到 index.js 添加 normalize.css（和朋友）到 package.json:在 webpack.config.js 中使用正確的加載器:添加一個 index.html 文件以查看結果:安裝所有 npm install tart Webpack devserver:./node_modules/.bin/webpack-dev-server –open
Normalize CSS 做什麼?
一些 CSS 屬性具有由所有瀏覽器設置的默認值，但每個瀏覽器設置不同的值。要解決此問題，可以使用規範化 CSS 文件為所有瀏覽器提供相同的起點。每個瀏覽器都有自己的默認設置的樣式規則。這些規則針對不同的元素並使用不同的值。
因此，如果您在沒有基線的情況下構建樣式，您的頁面在不同的瀏覽器中看起來可能會有所不同。這讓許多開發人員清楚地知道他們需要修復 CSS 中的錯誤。當在開發過程的後期發現時，代碼會變得難以管理，也很難找出問題所在。
Normalize 試圖通過關注來自不同瀏覽器的默認規則來解決這個問題。為了製定基線，Normalize 文件為這些規則提供了默認值。
FAQ
normalize css 是如何工作的?
Normalize。 css 使瀏覽器更一致地呈現所有元素並符合現代標準。它僅針對需要規範化的樣式。
如何將規範化 css 鏈接到 HTML?
包括依賴項。要使用 Normalize.css，請在您的網頁中包含以下源文件: 全局與上下文。… 使用上下文 Normalize.css。
我應該使用規範化還是重置 CSS?
如果您想要在所有瀏覽器中重置所有樣式，包括邊距和填充，請使用重置。 CSS。然後自己應用所有裝飾和样式。如果您只是喜歡內置樣式但想要更多的跨瀏覽器同步性，即規範化，那麼請使用規範化。