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