轉載自https://www.cnblogs.com/wangchangli/p/11414092.html

css樣式初始化 normalize在vue中使用

1、Normalize.css只是一個很小的css檔案，但它在磨人的HTML元素樣式上提供了跨瀏覽器的高度一致性。相比於傳統的CSS reset,Normalize.css是一種現代的、為HTML5準備的優質替代方案。總之，Normalize.css是一種CSS reset的替代方案。

2、作用：

• 保護有用的瀏覽器樣式而不是去掉他們。

• 為大部分HTML元素提供一般化的樣式

• 修復瀏覽器自身的bug並保證各瀏覽器的一致性。

• 優化css可用性

• 用註釋和詳細的文件來解釋程式碼

• Normalize支援包括手機瀏覽器在內的超多瀏覽器，同時對HTML5元素、排版、列表、嵌入的內容、表單和表哥都進行了一般化。儘管這個專案基於一般化的原則，但我們還是在合適的地方使用了更實用的預設值。

3、使用方式

• 安裝

  npm install --save normalize.css 
  

• main.js引入

  import 'normalize.css/normalize.css'
  

• 如果引入報錯，可能沒有安裝css-loader 和style-loader

  npm install css-loader style-loader