浏览器用户代理样式表边距 8px

2024-04-11

我只是想知道网站周围的空白区域。我发现它是因为用户代理样式表(Google Chrome)而存在的,并且默认为 body 标签设置了 8px 的边距。

如何解决这个问题不是问题,但我对这个余量的原因感兴趣。我搜索了它,但我只找到了将边距设置为零的解决方案,但我想知道为什么会有这个边距。

希望您能告诉我更多有关这些用户代理样式表的信息。

问候 菲利普


浏览器添加自己的样式表和适当的规则,以显示网页应该如何呈现正常的外观,例如。由于某种原因,您没有为标题添加 css 规则,那么它应该如何在浏览器中显示?

为了回答这个问题,浏览器添加了规则来显示网页标题通常的样子。

就像浏览器使用margin:8px;正如 @Quentin 所指出的,在正文中以更清晰的视觉方式显示网页就像在论文中写作一样。

那么,我们作为开发者,页面应该如何渲染呢?

为了回答这个问题,我们添加了自己的样式表,并以自己的方式在页面上实现视觉效果。


不同浏览器默认添加的样式表中有很多规则。你可以看到他们此处针对不同浏览器 http://meiert.com/en/blog/20070922/user-agent-style-sheets/.

你可能会发现几个CSS重置样式表.


坦率地说,如果我是他们中的一员,我会将边距设置为 0,并让开发人员完成他们的任务(如果需要,他们会添加它)。或者,如果考虑到纸质的东西,我会设置填充而不是边距。但由于这是针对电子设备而不是针对纸张,因此我会将所有内容设置为初始值。即边距、填充等为 0,因为我们知道 x,y 从左上角开始工作,这与纸上的左下角不同。

另外,我认为他们添加了边距,因为在过去,我们有表 html 来格式化页面。但今天,我们没有这样的案例,我强烈建议w3c重置他们的旧风格来映射新规则。如果有人正式阅读这篇文章,我希望新的浏览器默认值将统治引擎。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

浏览器用户代理样式表边距 8px 的相关文章