关于样式重置的澄清

时间:2013-02-04 16:21:19

标签: css reset

CSS重置是否在后续CSS样式更改之上或之下运行?换句话说,一个随机的例子:

如果重置将所有浏览器中的Times New Roman和12号字体标准化,但我会应用自定义CSS,使所有标记都以粗体显示。

因此,CSS重置的目的是为了在不自定义样式的元素上实现跨浏览器的一致性?如果我理解正确的话,请告诉我。

提前感谢所有答案!

3 个答案:

答案 0 :(得分:2)

CSS重置的目的是帮助您的网页在所有浏览器中保持一致。以下是Eric Meyer关于这个主题的非常detailed article

基本上所有浏览器的CSS演示都有不同的默认值,但这些默认值并不相同。 CSS重置文件尝试在所有浏览器中创建一致的基线。

答案 1 :(得分:0)

CSS重置是为了尽可能地在不同浏览器上标准化HTML元素的呈现。它创造了一个共同的基础,您可以在其上构建各种样式。重置位于每个其他样式表之前,因此自定义样式生效。但是,您所拥有的自定义样式可能不会涵盖浏览器默认对元素的每个属性,并导致浏览器不一致。

在您的示例中,您有“粗体标记”,因此您不是只使用“Times New Roman and size 12 font”,而是以粗体显示文字,但您没有指定margin或{{1元素。如果不同的浏览器对那些未涵盖的样式有不同的解释,并且您没有使用CSS重置,您将看到影响布局和样式的不一致。

答案 2 :(得分:0)

你几乎回答了自己的问题。比重置字体更像是在你的例子中,它还将边距和填充重置为0.这有助于构造你的布局,因为没有使用重置样式表而留下边距和填充可以抛弃你的布局等。

它可以规范化每个元素,为您的自定义样式做准备。如果您不打算使用自定义样式,则不应使用它。

还有一种更新的方法,即normalize.css。它是重置样式表的替代方法。它不是将eveything重置为0,而是将所有内容预先设置为行业内大多数人遵循的标准。

总结并纠正上面的陈述:“因此,CSS重置的目的实际上是在所有元素上跨浏览器强制实现自定义样式的准备。”