当前位置: 首页 > Web前端 > CSS

列举几个常用的CSS重置,你知道吗,normalize.css

时间:2023-03-31 14:04:44 CSS

Normalize.css只是一个小小的css文件,却在枯燥的HTML元素样式中提供了高度的跨浏览器一致性。Normalize.css是一种现代的、HTML5就绪的高级替代品,可替代传统的CSS重置。总之,Normalize.css是CSS重置的替代方案。我们出于几个目的创建了normalize.css:保留有用的浏览器样式而不是剥离它们。通用样式:为大多数HTML元素提供。修复浏览器自身BUG,保证各个浏览器的一致性。优化css可用性:使用一些技巧。解释代码:附带注释和详细文档。注意:Normalize支持包括移动浏览器在内的许多浏览器,并且还泛化了HTML5元素、排版、列表、嵌入内容、表单和同类元素。尽管这个项目是基于泛化的原则,但我们在适当的地方使用了更实用的默认值。NormalizevsResetNormalize.css保留了有价值的默认值Reset通过对它们施加默认样式强制几乎所有元素具有相同的视觉外观。相比之下,Normalize.css维护了许多烦人的浏览器样式。这意味着您不必重新设计所有常见的排版元素。当一个元素在不同的浏览器中有不同的默认值时,Normalize.css会尽量使这些样式保持一致,并尽可能符合现代标准。Normalize.css修复了浏览器错误。它修复了常见的桌面和移动浏览器错误。这通常超出了Reset所能做的。在这一点上,Normalize.css修复了HTML5元素的显示设置问题、预格式化文本的字体大小问题、IE9中的SVG溢出问题,以及跨浏览器和操作系统出现的许多与表单相关的错误。漏洞。Normalize.css不会让你的调试工具变得混乱因为在我们的指南中使用多个选择器是非常谨慎的,我们只会有目的地设置目标元素的样式。Normalize.css是模块化的。该项目已拆分为多个相关但独立的部分,这使得将哪些元素设置为特定值变得简单明了。因此,这允许您自己有选择地删除永远不会使用的部分(例如表单概括)。Normalize.css有很好的文档记录Normalize.css的代码基于详细而全面的跨浏览器研究和测试。该文件在GithubWiki中有详细的代码说明和进一步说明。这意味着您可以准确了解每一行代码的作用、编写原因、浏览器之间的差异,并且可以更轻松地运行自己的测试