Question

我有一个HTML文档，其格式如下：

h1 {
    font-size: 4.2em;
    text-align: center;
    font-family: "Arial Black", Gadget, sans-serif;
}

在浏览器中检查我的页面时，我看到在没有输入的情况下添加了这个额外的样式：

h1 {
  display: block;
  font-size: 2em;
  -webkit-margin-before: 0.67em;
  -webkit-margin-after: 0.67em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  font-weight: bold;
}

它说browser stylesheet通常它会有css文件名和行号。

我发现解决方案是将H1的边距设置为0.但为什么首先要添加这些神秘边缘？

Answer 1

这是webkit浏览器的默认设置。

-webkit-margin- *规则被覆盖：

margin: 0;

不要担心它们。

注意：您可能需要使用：

padding: 0;

在某些情况下也是如此。

请参阅以下类似问题：

-webkit-margin adds unwanted margin on texts

Why is -webkit-margin-before (and after, start, end) not being overridden by my explicit margin and padding rule?

为什么Google Chrome会为我的H1标签添加神秘的边距？

1 个答案: