【问题标题】:Browser user agent style sheet margin 8px浏览器用户代理样式表边距 8px
【发布时间】:2015-12-13 23:13:34
【问题描述】:
我只是想知道网站周围的空白区域。我发现它在那里是因为用户代理样式表(谷歌浏览器),并且默认情况下为 body 标签设置了 8px 的边距。
如何解决这不是问题,但我对这个边距的原因很感兴趣。我搜索了它,但我只找到了将边距设置为零的解决方案,但我想知道为什么会有这个边距。
希望您能告诉我更多关于这些用户代理样式表的信息。
问候
菲利普
【问题讨论】:
标签:
html
css
stylesheet
margin
document-body
【解决方案1】:
浏览器添加他们自己的样式表和适当的规则,以显示网页应该如何呈现正常的外观,例如。出于某种原因,您不会为标题添加 css 规则,那么它应该如何在浏览器中显示?
要回答问题,浏览器添加他们的规则以显示网页标题通常的样子。
就像@Quentin 指出的那样,在正文中使用margin:8px; 以更清晰的视觉方式显示网页的浏览器就像在论文中写作一样。
那么,我们是开发者,页面应该如何呈现?
为了回答这个问题,我们添加了自己的样式表,并以自己的方式在页面上实现视觉效果。
不同浏览器默认添加的样式表中有很多规则。你可以看到他们here for different browsers。
你可能会发现几个 css 重置样式表googling。
坦率地说,如果我是其中之一,我会将保证金设置为 0,让开发人员完成他们的任务(如有必要,他们会添加)。或者,我会设置填充而不是边距 - 如果考虑纸张的话。但由于这是用于电子设备而不是用于纸张,所以我会将所有内容设置为初始值。也就是说,我们知道 x,y 从左上角开始工作,这与纸上的左下角不同。
另外,我认为他们增加了边距,因为在过去,我们有表格 html 来格式化页面。但是今天,我们没有这样的案例,我强烈建议 w3c 重置他们的旧样式以映射新规则。如果有人正式阅读这篇文章,我希望新的浏览器默认会统治引擎。
【解决方案2】:
之所以存在,是因为触及窗口边框的文本难以阅读。即与我们在纸上书写时使用页边距的原因相同。