总是找到良心的css初始化样式重置，哈哈
在没有访问谷歌之前，在百度上搜索腾讯、阿里等初始化模式，效果一般，是勉强使用的。
网上也有很多类似的东西，但大多数是去除浏览器中的所有样式
normalize.css的最大特点是保留方便的浏览器默认样式，而不是“抹杀”一切，并善待浏览器在vue框架中的使用方式
NPM
npminstall--savenormalize.css
如果报告mianimport'normalize.css '错误
npminstallcss-loader style-loader
Normalize.css是一个小CSS文件，HTML元素的缺省样式提高了浏览器之间的一致性。 这是现代化的，提供了HTML5代替传统的CSS复位。
概观
Normalize.css是CSS重置的替代方法。 该项目是@necolas和@jon_neal进行的数百小时广泛研究的产物，其中介绍了默认浏览器风格的差异。
normalize.css的目标如下： 保留有用的浏览器默认值，而不是删除。
标准化各种HTML元素的样式。
纠正错误与常见的浏览器不匹配。
通过微妙的改善来提高可用性。
使用注释和详细文档解释代码。
包括支持各种浏览器(包括移动浏览器)和标准化HTML5元素、合成、列表、嵌入内容、表单和表单的CSS。
此项目基于标准化原则，但更可取，因为它使用了实用的默认设置。
正常化和复位
让我们更详细地了解normalize.css与传统CSS重置有何不同。
Normalize.css保留有用的默认值
通过展开几乎所有元素的默认样式，可以重置均匀的视觉样式。 相反，normalize.css保留了许多有用的默认浏览器样式。 也就是说，不需要重新声明所有常规打印元素的样式。
normalize.css的目的是当元素在不同的浏览器中具有不同的默认样式时，使这些样式尽可能一致并符合现代标准。
Normalize.css将修复常见错误
修复了超出重置范围的常见桌面和移动浏览器错误。 其中包括HTML5元素的可见性设置、字体大小格式文本的修改、IE9中的SVG溢出以及浏览器和操作系统中与表单相关的许多错误。
例如，这表明normalize.css将新的html 5搜索输入类型在浏览器之间是一致的和可调整的。 /**
*1. addressesappearancesettosearchfieldins 5，Chrome
*2.addresses box-sizingsettoborder-box ins 5，chrome (包括- moztofuture-proof ) ) )。
*/input [ type=' search ' ] {-WebKit-appearance : textfield； /*1*/
- moz-box-sizing : content-box； - WebKit-box-sizing :内容盒； /*2*/
盒装： content-box；
(/**
* removesinnerpaddingandsearchcancelbuttonins 5，ChromeonOSX
*/input [ type=' search ' ] :3360-WebKit-search-decoration，input [ type=' search ' ] 33603360-WebKit-webbborch
}
有关如何渲染元素的信息，重新设置通常不能将浏览器带入起点。 这对表格特别重要。 - normalize.css提供一些重要帮助。
Normalize.css不会混淆你的调试工具
使用重置时的常见问题是浏览器CSS调试工具中显示的大继承链。
图像
使用CSS复位时浏览器调试工具的常见现象
这对normalize.css来说不是这样的问题。 因为规则的样式和规则集中多个选择器的保守使用。
Normalize.css是模块化的
由于项目被划分为相对独立的部分，因此可以轻松查看需要特定样式的元素。 另外，如果知道网站永远不需要它，可以删除某些内容，如表单规范化。
Normalize.css有丰富的文档
normalize.css代码基于详细的交叉浏览器研究和方法测试。 此文件已大量在线记录，并在GitHub Wiki中进一步扩展。 也就是说，可以找到每行代码都在做什么、它为什么包含什么以及浏览器之间有什么区别，从而更容易执行自己的测试。
这个项目的目的是教育如何默认浏览器的演示元素，使其更容易参与到改进的提交中。
如何使用normalize.css
首先，从GitHub安装或下载normalize.css。 而且使用它有两个主要的方法。
方法1 )使用normalize.css作为项目的基本CSS起点，根据设计要求定制值。
方法稍后构建，包括normalize.css，如果需要，用CSS重写默认值。
作者：老红牛丶Lawliet
链接： https://www.Jian Shu.com/p/2425 d 07 c 6b 11