保证金和填充 标签(Margin and Padding of <Body> Ta

2019-06-25 13:05发布

站内文章 / 后端开发
60 0 0

我写这在下面列出一个非常简单的HTML代码。 写在记事本和开口在IE-8和Firefox（OS：窗口Vista）的。 

<html>
<body>
    <table border="1"><tr><td>test</td></tr></table>
</body>
</html>

没有什么特别的在上面的代码，它是建立从左上角一些空间。

这可以通过使用下面的代码很容易地删除

<body style="margin:0; padding:0">

现在我有找出默认边距和填充，这是4 Firefox和不同的IE-8。 

<body style="margin:4; padding:4">

我对这种情况下的一些问题。

  1. 为什么这个值是4？
  2. 从该值所在的到来，是它的地方保存？
  3. 我们可以修改（配置）此默认值？
  4. 这些值是如何对浏览器有什么不同？

谢谢。

Answer 1:

  1. 首先，它可能4px ，而不是4 。 其次，这只是方式的浏览器供应商决定应该是默认的。
  2. 它被保存在默认浏览器的样式表。
  3. 你可以，但你不应该 。 它不同于每种浏览器。 谷歌一下！ How do I change default stylesheet on <insert browser here>?
  4. 有可能有细微的差别，你应该能够通过查看默认的样式表告诉... :)

这种差异是主要的原因，我们的设计人员使用一个CSS复位，正常化所有遵循不同的浏览器实现的CSS重仓股之一。



Answer 2:

浏览器都内置了“理智默认”为大多数HTML元素的CSS - 这只是可以防止您的网页看完全不可读，如果您有纯HTML CSS没有，但他们当然要由自己的CSS来覆盖的。

默认浏览器样式通常被称为“用户代理样式表” -下面的网站是各种奇特的UA张IE多年来已经有了一个很好的参考，也为在底部其它浏览器提供的：

http://www.iecss.com/

一种方法有很多人使用，因此你有相同的起点，在所有的浏览器“正常化”的默认值是“CSS复位” -这只是一个你自己的CSS之前将CSS的片段，将所有的UA的样式同样的事情。 这是一个众所周知的一个：

http://necolas.github.com/normalize.css/



Answer 3:

试试这个

body{
    line-height: 0
}


Answer 4:

收藏此对您的样式表的顶部

*{margin:0px;padding:0px;}

这消除了空白和边距跨浏览器的所有分歧。



文章来源: Margin and Padding of Tag
标签： html stylesheet padding margin
举报

收藏的人(0)

Ta的文章 更多文章
登录 后发表评论
0条评论
还没有人评论过~