normalize.css和块元素的垂直边距

Question

我想对此有一个很好的解释，但到目前为止，这让我恼火而没有帮助。Normalize.css为

元素（以及其他一些元素）添加了1em边距。虽然我从视觉上看到了这一点，但这意味着它经常会阻止块元素相互"接触"。我目前正在推翻这一点，但我很想了解垂直边距的原因，或者我是否缺少一个技巧来抵消这种副作用。我相信在这个调整中有一些好的想法。

p {
    margin: 1em 0; 
}

这是一把小提琴再现我的意思：

http://jsfiddle.net/d6njL0zn/

谢谢！

Answer 1

大多数浏览器的标准元素上都有1em的垂直边距。这就是为什么Normalize.css也有它。Normalize只是在浏览器中使用普通的css默认值，并使它们在所有浏览器中更加一致。

如果你想完全控制css的设置方式，可以考虑使用reset.css

Answer 2

HTML2有p和pre标签的空白。默认的CSS值是使那些不使用CSS的页面显示与编写时相同。我可能错了，但我相信8像素的body标签的默认边距是微软的主意。