我只是想知道网站周围是否有空白区域。我发现它存在是因为用户代理样式表 (Google Chrome)，并且 body 标签默认设置了 8px 的边距。
如何解决这不是问题，但我对这个边距的原因很感兴趣。我搜索了它，但我只找到将边距设置为零的解决方案，但我想知道为什么会有这个边距。
希望您能告诉我更多有关这些用户代理样式表的信息。
问候语 菲利普
最佳答案
Browsers add their own stylesheet with their proper rules to show how the web page should be rendered normally good looking for eg. some reason you'd not add css rules for headers then how it should be displayed in the browsers?
为了回答这个问题，浏览器添加了它们的规则来显示网页标题的正常外观。
就像@Quentin 指出的那样，在正文中使用 margin:8px; 的浏览器以更清晰的视觉方式显示网页就像写在纸上一样。
So, we are the developer and how should be the page rendered?
为了解决这个问题，我们添加了自己的样式表，并以自己的方式在页面上实现视觉效果。
不同浏览器默认添加的样式表中有很多规则。你可以看到他们here for different browsers .
您可能会发现几个 css 重置样式表 googling .
坦率地说，如果我是他们中的一员，我会将 margin 设置为 0，让开发人员完成他们的任务(如果需要，他们会添加)。或者，我会设置 padding 而不是 margin - 如果考虑纸质的东西。但由于这是针对电子设备而不是针对纸张的，所以我会将所有内容都设置为初始值。也就是边距、填充等到 0，因为我们知道 x、y 从左上角开始工作，这与纸上的左下角不同。
此外，我认为他们增加了边距，因为在过去，我们使用表格 html 来格式化页面。但是今天，我们没有这样的案例，我强烈建议 w3c 重置他们的旧样式以映射新规则。如果有人正式阅读这篇文章，我希望新的浏览器默认值将统治引擎。
关于html - 浏览器用户代理样式表边距 8px，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32624315/