内联元素间距问题
下面是代码。请问一下为什么把内联元素变成块级元素之后，字体的样式定义为0，间距就没有了？而且我发现只有div标签的样式变 了还不行，必须要设置 a,span,em的字体大小为20px，不然啥都显示不了，是因为 a, span, em 把 div 样式覆盖了的原因吗？ 而且我试了试把 div 标签里面的字体大小改成 1px，输出还是会有间距。所以 div 标签里面的样式是消除间距的主要因素吗？
<title>行内元素标签</title>
<style type="text/css">
div {
font-size: 0px;
}
a,span,em{
font-size: 20px;
}
a,span,em{
background:pink;/*设置a、span、em标签背景颜色都为粉色*/
}
</style>
</head>
<body>
<div>
<a href="http://www.baidu.com">百度</a>
<a href="http://www.imooc.com">慕课网</a>
<span>33333</span>
<span>44444</span><em>555555</em>
</div>
</body>
</html>
