对line-height的理解及其赋值方式

line-height是CSS中的一个属性，用于设置行高。它可以影响到行框的高度、行内容的垂直位置以及行间距。

line-height的赋值方式有以下几种：

数字：可以直接使用一个数字作为行高的倍数。例如，line-height: 1.5; 表示行高是字体大小的1.5倍。
单位值：可以使用像素(px)、百分比(%)等单位来设置行高。例如，line-height: 20px; 表示行高为20像素。
字体相对值：可以使用em或rem单位来设置行高。其中，em是相对于父元素的字体大小来计算的，rem是相对于根元素(html)的字体大小来计算的。例如，line-height: 1.5em; 表示行高为字体大小的1.5倍。
normal：表示使用默认的行高。具体数值会根据浏览器和字体的不同而有所差异。

需要注意的是，line-height的数值会直接影响到行框的高度，而不仅仅是行内容的垂直位置。如果设置的行高超过了字体的实际高度，行框会撑高。当行高小于字体的实际高度时，字体会垂直居中在行框中。

另外，line-height还可以用于调整行间距。行间距是相邻行之间的垂直间隔。具体的行间距等于line-height减去字体大小，然后除以2，再分别加到上方和下方的行框中，以实现行间距的均匀分布。