专栏首页Kirin博客vue normalize.css使用

vue normalize.css使用

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • django-admin样式响应成功但是不生效解决方案

    在浏览器中打开django自带的后台admin,发现浏览器中是响应成功的,但是样式就是丢失了,

    kirin
  • python–pymssql模块实现数据库增删改查

    其中去掉了双重for循环提取账号或密码的环节,替换成了直接查询到账号或者密码用下标的方法去检测输入的账号密码是否在这里变量里面,

    kirin
  • vuecli3路径起别名

    kirin
  • WordPress 开发之让浏览器自动加载最新的CSS、JS文件(免刷新缓存)

    在开发WordPress 主题的时候,如果频繁更新主题的CSS、JS文件但主题已经上线,如何让访客的浏览器获取最新的CSS、JS文件而非等到浏览器删除缓存后?下...

    Jeff
  • WordPress 开发之让浏览器自动加载最新的CSS、JS文件(免刷新缓存)

    在开发WordPress 主题的时候,如果频繁更新主题的CSS、JS文件但主题已经上线,如何让访客的浏览器获取最新的CSS、JS文件而非等到浏览器删除缓存后?下...

    Jeff
  • 4-9 css 文件的代码分割

    本节主要是介绍 MiniCssExtractPlugin 插件,该插件用于将 css 提取成单独的文件。

    love丁酥酥
  • HTML中css引入之import

    如admin.css和layui.css 这两个css.每个页面都需要使用,如果每个页面都引入两个,是不是很麻烦,这个时候,我们就也有使用@import这个了。

    凯哥Java
  • 当装了dreamweaver等某些IDE时,css失效了,其中1个原因

    大菊观
  • HTML中css和js链接版本号的用途

    在搜索引擎中搜索关键字 .htaccess 缓存,你可以搜索到很多关于设置网站文件缓存的教程,通过设置可以将css、js等不太经常更新的文件缓存在浏览器端,这样...

    阳光岛主
  • 浏览器默认样式、1px边框问题、css预编译

    参考链接: 移动端1px解决方案 vue-cli css相关 normalize.css

    Ewall

扫码关注云+社区

领取腾讯云代金券