CSS文字排版的技巧记录

1、对于更有吸引力的段落排版，可以采用Robert Bringhurst的方法，它约定：用你的文字大小乘以30就可以得到段落的宽度。比如如果你的文字大小是12px，用30乘以它，也就是360px，这样每行大约可以呈现65个英文字符。（注意该技巧所指的是英文，但可以借鉴）

2、行高用来限定每行文字之间的空白大小。一个经验之谈就是让行高比你的字体大6-7px。比如，如果你的文字大小是12px，加上6px就是你的行高，也就是18px。

3、line-height是可以继承的，由于这个特性，子元素就可以不用重复定义line-height了。

但是只要有单位或百分比的line-height继承，都发生了重叠的现象。那到底这是什么原因导致的呢？

如果line-height属性值有单位或百分比，那么继承的值则是换算后的一个具体的px级别的值；而如果属性值没有单位，则浏览器会直接继承这个“因子（数值）”，而非计算后的具体值，此时它的line-height会根据本身的font-size值重新计算得到新的line-height 值。

From – http://www.css88.com/archives/1311

延伸阅读：

网页设计中的默认字体样式详解

CSS文字排版终极指南

常用Web字体的中英文以及字符混排效果