CSS 重置是在随后的 CSS 样式更改之上还是之下运行?换句话说,一个随机的例子:
如果重置将所有浏览器的字体标准化为 Times New Roman 和 12 号字体,但我会应用一个自定义 CSS,使所有标签都以粗体显示。
因此,CSS 重置的目的实际上是在您未自定义样式的元素上强加跨浏览器的一致性?如果我理解正确,请告诉我。
提前感谢所有答案!
CSS 重置的目的是帮助使您的页面在所有浏览器中看起来一致。这是Eric Meyer 撰写的关于该主题的非常详细的文章。
基本上所有浏览器都有不同的 CSS 表示默认值,但这些默认值并不相同。CSS 重置文件尝试在所有浏览器中创建一致的基线。
CSS 重置是为了尽可能标准化不同浏览器中 HTML 元素的呈现。它创建了一个共同点,您可以在此基础上构建各种样式。重置放置在所有其他样式表之前,因此自定义样式生效。但是,您拥有的自定义样式可能无法涵盖浏览器默认在元素上具有的每个属性,并导致浏览器不一致。
在您的示例中,您有“粗体标签”,因此您有粗体文本,而不是只有“Times New Roman 和 12 号字体”,但您没有指定元素的margin
or line-height
。如果不同的浏览器对那些未涵盖的样式有不同的解释,并且您没有使用 CSS 重置,您将看到影响您的布局和样式的不一致。
你几乎回答了你自己的问题。除了像在您的示例中那样重置字体之外,它还将边距和填充重置为 0。这有助于构建布局,因为不使用重置样式表留下的边距和填充会导致布局关闭等。
它可以标准化每个元素,为您的自定义样式做准备。如果您不打算自定义样式,那么您不应该使用它。
还有一种更新的方法,称为 normalize.css。它是重置样式表的替代方法。它不是将所有内容都重置为 0,而是将所有内容预先设置为业内大多数人在一定程度上遵循的标准。
总结和纠正您上面的陈述:“因此,CSS 重置的目的实际上是在所有元素上强制跨浏览器的一致性,以便为自定义样式做准备。”