line-height属性与font-size属性的关系

在CSS样式中，关于文字的line-height属性和font-size属性

从图中可以看出：
行高=行间距（两倍行半距）+文字大小

文字的大小由font-size属性决定，行高由line-height属性决定。

关于同时使用font-size与line-height属性的3种情况：
1.font-size与line-height的值相同时：
此时的行间距为0

2.当font-size > line-height时：
此时的行间距为负数，即不同行的文字之间会出现重叠现象

3.当font-size < line-height时：
行间距 > 0

例如：
相应代码：

浏览器中显示的结果：

注意：id=“num1”中，font-size与line-height我使用的单位是 px，若使用 em的话浏览器的显示结果行间距不为0，这里就要去仔细了解一下单位px与em两者的具体含义、功能和区别以及它们之间的换算了。