用CSS设计垂直间距优化文字界面

我在 Web 2.0中文Typography设计 一文中已经提到，垂直间距的设置是文字布局的关键，也是比较复杂的地方，我们需要通过计算来实现精确布局，达到一种和谐的美，下面我将具体展示如何使用CSS设置垂直间距达到精确定位文字布局的目的。

首先我们需要一个拥有基准线的文档，这样就可以衡量我们的字里行间是否真正精确无误，在这里我设置了 24px 的行距以便测试。

首先你需要取消所有的浏览器默认样式。

*{
    margin : 0;
    padding : 0;
}

然后设置你希望的文档的具体内容的一般性字体大小，我这里采用 13px 。

body{
    font-size : 0.8125em;
}

为了使我的 13px 的字体嵌入到 24px 的行距中，我应该如何做呢？是的，设置 line-height 。

p{
    line-height : 1.846em;
}

我希望在每个段落之后能够有一定的空白，使我的每个段落能够更加清晰，所以我应当设置 margin-bottom ，它必须是 1.846em