html5样板演示顶部的奇数间距

Question

我从这里http://html5boilerplate.com下载了HTML5 Boilerplate模板。

当我打开它来预览模板时;我看到顶部有一个奇怪的空间。它也可以在他们的在线演示中看到：http://demo.html5boilerplate.com/

我在下面看到了这个：

• FireFox v28
• Chrome v34.0.1847.116
• Internet Explorer v11

---

CSS正在使用中：

• http://demo.html5boilerplate.com/css/normalize.css
• http://demo.html5boilerplate.com/css/main.css

---

我查看了页面的html源代码和css样式表。我无法弄清楚<p>标签顶部的奇数间距来自何处。

Answer 1

从我所看到的<p>标签的顶部和底部有16px的边距。

Answer 2

这是默认的用户代理样式

p {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}

您需要为<p>元素定义自己的样式。 这是你的意思吗？