css行高：line-height属性详解

行高的概念看上去很简单——文字行的高度，其实，行高所涉及到的基础知识，对于今后理解其它属性也很重要。

大片密密麻麻的文字往往会让人觉得乏味，因此适当地调整行高（line-height）可以减低阅读的困难与枯燥，并且使页面显得美观。行高指的是文本行的基线间的距离，但是文本之间的空白距离不仅仅是行高决定的，同时也受字号的影响。

7.3.1 语法

line-height属性的具体定义列表如下：

语法：        line-height : normal | <实数> | <长度> | <百分比> | inherit

说明：        设置元素中行的高度。

值：        normal：默认行高，一般为1到1.2；

实数：实数值，缩放因子；

长度：合法的长度值，可为负数；

百分比：百分比取值基于元素的字体尺寸。

初始值：        normal

继承性：        继承

适用于：        所有元素

媒体：        视觉

计算值：        长度和百分比值为绝对值；

其他同指定值 行高指的是文本行的基线间的距离。而基线（Base line），指的是一行字横排时下沿的基础线，基线并不是汉字的下端沿，而是英文字母x的下 端沿，同时还有文字的顶线（Top line）、中线（Middle line）和底线（Bottom line），用以确定文字行的位置，如图7-17 所示。

图7-17 文字的基线 行高与字体尺寸的差称为行距（leading），如图7-18所示。

图7-18 行高