我注意到<p>
标记有一个默认的边距值,它似乎与其内容的font-size
值有某种关联。
是否有任何参考资料可以查看详细规则?
http://jsfiddle.net/z45R9/请在此处查看我的代码。
谢谢,
答案 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。
答案 2 :(得分:0)
有许多不同的浏览器,它们都可以有自己独特的方式来做事。出于这个原因,大多数设计师将css重置放在他们的css样式表中。
http://meyerweb.com/eric/tools/css/reset/
通过将重置放在您的文件中,它可以让您更好地控制您的网站在所有浏览器上的显示效果。而不是担心每个浏览器默认的内容。