normalize.css在vue中使用


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
    


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM