CSS之line-heigth height font-size

line-heigth height font-size笔记

重点1:先理清字体大小和行高的关系

line-height设置为16px（与默认字体大小一致）时：

line-height设置为26px（比默认字体大10px）时：

明显行间距有所增大

将10px平分：上边距：5px;下边距：5px;

重点2:理清height和line-heigth的关系
当height>line-height时：

height: 65px;
line-height: 35px;

内容位于中线以上
在css中设置第二个li块级元素背景为绿色，方便观察

** 当height逐渐减小，三处li块级元素（白绿白）也随之逐渐减小 **

直到：
当height=line-height（即盒子的高度和行高一样）时：

height: 35px;
line-height: 35px;

内容居中

当height继续减小，三处li块级元素（白绿白）也随之继续减小

此时 ： height<line-height

height: (<35)px;
line-height: 35px;

内容位于中线以下