我只是想在网站周围的空白处徘徊。由于用户代理样式表(Google Chrome),我发现它在那里,默认情况下,body标记的边距设置为8px。
如何解决这个问题不是问题,但是我对这种余量的原因很感兴趣。我进行了搜索,但是我只找到将边距设置为零的解决方案,但是我想知道为什么存在此边距。
希望您可以告诉我有关这些用户代理样式表的更多信息。
问候菲利普
浏览器添加自己的样式表以及适当的规则,以显示如何正常呈现网页,例如,由于某些原因,您不为标题添加CSS规则,那么应如何在浏览器中显示它?
为回答这个问题,浏览器添加了规则,以显示网页标题,通常看起来是这样。
就像@Quentin指出的那样,浏览器在正文中使用margin:8px;
以更清晰的视觉方式显示网页就像在纸上书写。
所以,我们是开发人员,应该如何呈现页面?
为回答这个问题,我们添加了自己的样式表,并在页面上采用了自己的视觉效果方法。
不同的浏览器默认在浏览器中添加的样式表中有很多规则。您可以看到它们here for different browsers。
您可能会找到几个CSS重置样式表googling。
坦率地说,如果我是其中之一,我会将margin设置为0,然后让开发人员执行任务(如果需要,他们会添加它)。另外,如果考虑纸质物品,我将设置填充而不是边距。但是,由于这是针对电子设备而不是纸张,因此,我将一切设置为初始。也就是说,边距,填充等为0,因为我们知道x,y从左上角开始工作,与纸张的左下角不同。
[此外,我认为他们增加了页边距,因为在过去,我们使用表格html来格式化页面。但是今天,我们还没有这种情况,我强烈建议w3c重置其旧样式以映射新规则。如果有人正式阅读了这篇文章,我希望新的浏览器默认值将成为引擎的主导。
之所以在这里,是因为难以触摸窗口边框的文本。即,出于与我们在纸上书写时使用边距相同的原因。