首页 > 编程知识 正文

cssloader和styleloader区别,jscss模板下载

时间:2023-05-03 16:28:45 阅读:116183 作者:2148

Normalize.css是一个小CSS文件,但缺省的HTML元素样式提供了浏览器之间的高度一致性。 与传统的CSS reset相比,Normalize.css是现代HTML5的一个很好的替代方案。 Normalize.css目前被TwitterBootstrap和许多其他框架、工具和网站使用。

Normalize.css是CSS reset的替代方案。 @necolas和@jon_neal花了数百个小时研究不同浏览器的默认样式差异,结果这个项目终于变成了现在这个样子。

创建normalize.css有以下目的:

保护有用的浏览器默认样式,而不是完全删除一般化样式。 在大多数HTML元素中修复浏览器自身的错误,并优化CSS的可用性以确保每个浏览器的一致性。 Normalize.css使用注释和详细文档支持超级多浏览器,包括移动电话浏览器,并且Html5元素、合成、列表、嵌入内容、表单和表单是一般化的。 尽管该项目基于一般化原则,但在适当的位置使用了更实用的默认值。

1.Normalize.css保护了有价值的默认值

Reset通过对几乎所有元素应用默认样式,强制元素获得相同的视觉效果。 相比之下,Normalize.css保留了许多默认的浏览器样式。 也就是说,不需要更改所有公共合成元素的样式。 如果一个元素在不同的浏览器中具有不同的默认值,Normalize.css的目标是使这些样式一致,并尽可能符合现代标准。

2.Normalize.css修复了浏览器中的错误

修复了常见的桌面和移动浏览器错误。 这往往超出了Reset能做到的范围。 在这方面,在Normalize.css中修复的问题包括HTML5元素的可见性、格式化文本的字体大小问题、IE9中的SVG溢出、每个浏览器和操作系统中出现的许多与表单相关的问题

3.Normalize.css不会扰乱你的调试工具

使用Reset最困难的莫过于浏览器调试工具中的长段继承链,如下图所示。 在Normalize.css中没有这样的问题。 因为我们的指导方针非常注意多选择器的使用,而目标元素只是根据目的设置样式。

4.Normalize.css是模块化的

这个项目被分割成相关但独立的多个部分,所以可以简单且明确地知道哪个要素有特定的值。 因此,您可以选择性地移除从不使用的部分,例如表单一般化

5.Normalize.css有详细的文档

Normalize.css的代码基于详细而全面的交叉浏览器研究和测试。 此文件包含详细的代码说明,Github Wiki还提供了其他说明。 这意味着,每一行代码具体完成了什么工作,为什么要写这段代码,可以找出浏览器之间的差异,使自己的测试更容易进行。

本项目的目标是帮助您了解浏览器默认值如何渲染元素,以及如何改进浏览器渲染。

如何使用normalize.css

首先,安装Normalize.css或从Github下载。 其次,有两种主要方法。

将策略normalize.css作为项目的基础CSS,并自定义样式值以满足设计者的需要。

引入策略normalize.css源代码,在此基础上构建,并在必要时用自己编写的CSS覆盖默认值

下载链接: https://cdn.bootcdn.net/Ajax/libs/normalize/8.0.1/normalize.CSS

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。