<p>标签的默认保证金值是什么?</p>

时间:2013-12-31 02:01:49

标签: html css

我注意到<p>标记有一个默认的边距值,它似乎与其内容的font-size值有某种关联。

是否有任何参考资料可以查看详细规则?

http://jsfiddle.net/z45R9/请在此处查看我的代码。

谢谢,

3 个答案:

答案 0 :(得分:2)

保证金的默认值取决于浏览器。例如,CSS 2.1 especification为HTML 4定义了this默认样式表。但是有些浏览器可以使用它,而有些浏览器则不能。它不是一个规则,只是一个参考。

答案 1 :(得分:2)

不同的浏览器构建在不同的渲染引擎上。

Chrome和Safari正在使用WebKit渲染引擎,而Firefox则使用Gecko。

不同的引擎不同,不仅因为软件不同,还因为它们具有不同的设置。这就是为什么大多数网页在不同的浏览器中看起来略有不同。


答案:

在Chrome(webkit)中<p>标记的margin-top (在元素上方)和margin-bottom (在元素下方)是1em

在Firefox(Gecko)中,所有边距均为0,但边缘底部再次为1em。

摆脱这个问题的方法是制作一个CSS-reset。 最容易使用的是Meyerweb

答案 2 :(得分:0)

有许多不同的浏览器,它们都可以有自己独特的方式来做事。出于这个原因,大多数设计师将css重置放在他们的css样式表中。

http://meyerweb.com/eric/tools/css/reset/

通过将重置放在您的文件中,它可以让您更好地控制您的网站在所有浏览器上的显示效果。而不是担心每个浏览器默认的内容。