CSS样式重置

发布于 2024-11-15 21:25:59 字数 211 浏览 4 评论 0原文

通常,为了使每个浏览器的样式都相同,您会看到一些网站有这样的内容:

html、正文、div、跨度、对象、... { 保证金:0; 填充:0; 边框:0; 字体大小:100%; 字体:继承; 垂直对齐:基线; 原因

不简单地使用:是否有

他们 *, html { ... }

Usually in order to get the style the same for every browser you see some sites have something like this:


html, body, div, span, object, ... {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}

Is there a reason why they don't simply use:


*, html { ... }

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

梦纸 2024-11-22 21:25:59

CSS 规则集越广泛,加载它们所需的处理就越多。最好的规则集也是最具体的。

The more broad a set of CSS rules is, the more processing it'll take to load them. The best ruleset is also the most specific.

梦回旧景 2024-11-22 21:25:59

您可以使用类似的东西

* {
  margin: 0;
  padding: 0;
  ...
}

来重置所有内容,最大的缺点是,它正是这样做的。然后段落没有任何间距等。我宁愿有通用的风格,也不愿没有风格并从头开始。

本文从标题为“重置到一切开始的地方......”的部分开始,也很好地解释了好处。

You can use something along the lines of

* {
  margin: 0;
  padding: 0;
  ...
}

to reset everything, the big drawback is, it does exactly that. Then paragraphs don't have any spacing, etc. I'd rather have universal style than having no style and starting from scratch.

This article does a good job explaining the benefits as well, starting at the section titled "A reset to where it all started…"

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文