<Body>标签的边距和填充

Aru*_*ngh 19 html margin padding stylesheet

我正在编写一个非常简单的HTML代码,如下所示.写在记事本中并在IE-8和Firefox(OS:Window Vista)中打开.

<html>
<body>
    <table border="1"><tr><td>test</td></tr></table>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

上面的代码没什么特别的,它是从左上角创建一些空间.

在此输入图像描述

使用以下代码可以轻松删除

<body style="margin:0; padding:0">
Run Code Online (Sandbox Code Playgroud)

现在我已经找到了默认的边距和填充,这适用4于Firefox,而不同于IE-8.

<body style="margin:4; padding:4">
Run Code Online (Sandbox Code Playgroud)

我对这个场景有一些疑问.

  1. 为什么这个值是4?
  2. 从这个值来的地方,它被保存在某个地方?
  3. 我们可以修改(可配置)此默认值吗?
  4. 浏览器的这些值有何不同?

谢谢.

Mad*_*iha 11

  1. 首先,它可能4px不是4.其次,这就是浏览器供应商决定的默认方式.
  2. 它保存在默认的浏览器样式表中.
  3. 你可以,但你不应该.它与每个浏览器不同.谷歌一下!How do I change default stylesheet on <insert browser here>?
  4. 可能存在细微差别,您应该能够通过查看默认样式表来判断... :)

这种差异是我们设计师使用CSS重置的主要原因之一,用于规范化不同浏览器实现后的所有CSS尴尬.

  • 值得一提的是 - 改变浏览器的行为并不是解决任何问题的方法 (3认同)