Question

一直在查看高级主题并查看页面上的各种文本和元素，检查时 - 许多已继承，0为值。

如果这些不是必需的并且自动从父级继承，为什么不留空？它可能节省加载时间吗？

margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;

Answer 1

这样做是为了覆盖浏览器默认值。

大多数浏览器本身都使用自己的样式声明来使基本HTML页面看起来更漂亮。不幸的是，这些样式声明经常与设计者想要网页的外观相冲突。解决这个问题的方法是将样式重置默认为它们应该是什么。

实施例

一个很好的例子是标题和p标签。请看以下示例：

<h1>Hello, world!</h1>
<p>Woah, that's a big heading!</p>

如果未应用任何自定义样式，这些元素将使用浏览器提供的样式。这里使用的一种风格是margin，这就是每个元素之间存在较大差距的原因。

我们可以将margin设置为0：

来重置这些内容

* {
  margin: 0;
}

<h1>Hello, world!</h1>
<p>Woah, that's a big heading!</p>

由于需要重置这样的样式存在公共样式表，如Normalize.css，其目的只是重置（和规范化）所有元素，以便在不同的浏览器中看起来相同

需要在CSS中使用inherit

1 个答案:

实施例