浏览器用户代理样式表边距8像素。

Question

我对网站周围的空白感到好奇。后来我发现这是由于用户代理样式表（Google Chrome）设置了默认的8px边距所致。

解决这个问题并不是难事，但我对此边距的原因很感兴趣。我搜索了一下，只找到了将边距设为零的解决方案，但我想知道为什么会有这个边距。

希望你能告诉我更多关于这些用户代理样式表的内容。

问候 Philipp

- Philipp Sch

Answer 1

为了让网页呈现出良好的外观，浏览器会添加自己的样式表及规则。例如，如果没有为标题添加 CSS 规则，那么在浏览器中它该如何显示呢？回答这个问题，浏览器会添加自己的规则来显示网页标题的正常外观。就像浏览器使用 margin:8px; 在 body 中以更清晰的视觉效果显示网页一样，正如 @Quentin 所指出的写在纸上一样。那么，作为开发人员，我们应该如何渲染页面呢？为此，我们需要添加自己的样式表并制定自己的页面视觉效果。

---

浏览器默认添加了许多样式表中的规则，不同浏览器的规则不同。您可以在此处查看不同浏览器的规则。

您可能会通过谷歌搜索找到几个CSS重置样式表。

---

坦率地说，如果我是他们其中的一员，我会将边距设置为0，并让开发人员完成他们的任务（如有必要，他们会添加它）。或者，如果考虑到纸张的薄度，我会设置填充而不是边距。但由于这是针对电子设备而不是纸张，我会将所有内容都设置为初始值。也就是说，边距、填充等全部设为0，因为我们知道x、y从左上角开始工作，而不是像纸张一样从左下角开始。

此外，我认为他们添加边距是因为在旧时代，我们使用表格HTML来格式化页面。但今天，我们已经没有这种情况了，我强烈建议w3c重置他们的旧样式以适应新规则。如果有任何官方阅读此帖的人，请让新的浏览器默认规则主导引擎。

- Bhojendra Rauniyar

---

很棒的答案，很棒的链接。谢谢！ - Philipp Sch

Answer 2

这是因为贴近窗口边缘的文本很难阅读，就像在纸上写作时使用边距一样。

- Quentin

---

谢谢，这是与纸上写作的很好的比较。 - Philipp Sch