Normalize.css 樣式作用，及使用方法
阿新 • • 發佈：2020-08-05
http://www.jscwwd.com/article/5e52895e552a8e2bf45d3d65
Normalize.css 是？
Normalize.css 是一個可以定製的CSS檔案，它讓不同的瀏覽器在渲染網頁元素的時候形式更統一。
Normalize.css只是一個很小的css檔案，但它在磨人的HTML元素樣式上提供了跨瀏覽器的高度一致性。 相比於傳統的CSS reset,Normalize.css是一種現代的、為HTML5準備的優質替代方案。總之，Normalize.css是一種CSS reset的替代方案。Normalize.css 能幹什麼？
-
保留有用的預設值，不同於許多 CSS 的重置
-
標準化的樣式，適用範圍廣的元素。
-
糾正錯誤和常見的瀏覽器的不一致性。
-
一些細微的改進，提高了易用性。
-
使用詳細的註釋來解釋程式碼。
支援的瀏覽器：
-
Google Chrome (latest)
-
Mozilla Firefox (latest)
-
Mozilla Firefox ESR
-
Opera (latest)
-
Apple Safari 6+
-
Internet Explorer 8+
Normalize.css到底有什麼用
- 不同的瀏覽器在對於CSS沒有定義的一些樣式屬性是不一樣的，
- 比如沒有在自己的CSS裡面規定超連結有沒有下劃線的時候，有些瀏覽器有，有些瀏覽器沒有；
- 再比如有一些瀏覽器規定的超連結預設顏色是藍色，有一些又是黑色。
- 而這個CSS的功能就是對幾乎所有的預設樣式進行重置，讓所有的瀏覽器上對於未定義的樣式瀏覽效果達到一致
- （雖然說無法完全一致，但至少可以消除掉大部分差距）
- 當然如果你自己的CSS已經對預設樣式進行了重置，不使用它也是可以的。
Normalize.css 是模組化的
這個專案已經被拆分為多個相關卻又獨立的部分，這使得你能夠很容易也很清楚地知道哪些元素被設定了特定的值。因此這能讓你自己選擇性地移除掉某些永遠不會用到的部分（比如表單的一般化）。
可以用import匯入；
那我同時link兩個css的話，會不會有衝突？標籤:tools
我使用Normalize.css是為了像你所說的對幾乎所有的預設樣式進行重置，讓所有的瀏覽器上對於未定義的樣式瀏覽效果達到一致，那我再link我自己的style.css是不是也可以在他的基礎上達到我的效果？
解釋：把Normalize.css裡面的所有內容放在自己的style.css的最上面，那樣如果有衝突的話，寫在後面的CSS設定預設是會覆蓋掉寫在前面的