用于设置 字体大小，辅以单位控制，实质上是控制 字符框 的高度。

line-height : 意为 行高 ，content-area (内容区域)，被 font-family 、 font-size 共同影响（元素看到的高度与实际字体设置大小不一样的原因）

em box : 意为 字体框 ，仅被 font-size 影响，即 1 em = font-size: 1px ; ，等同于 font-size

x-height : 意为 x 的 字符高度** ，用于理解概念， x-height = 1 ex ; 在 CSS 中，vertical-align: middle ; 将该 元素的中心 与 父元素基线 加上 x-height 高度的一半 对齐

baseline : 意为 基线 ，即 vertical-align 的 默认值

半行距：计算公式为 行距 = line-height - font-size

绝对尺寸：xx-small 、x-small 、small 、medium 、large 、x-large 、xx-large

相对尺寸：smaller 、larger

意为 行高 ，其 默认值 为 normal = content-area 的区域高度相同

line-height 的大小受 font-family 、 浏览器的影响

本质上是继承的类型不同

% ：继承的是计算后的值

em：继承的是计算后的值

px： 继承的是计算规则，是 像素点，而不是 长 或者 高

匿名内联盒子：anonymous inline box ，没有标签包裹的文字默认自己形成一个盒子

内联盒子：inline box ，通常由一些标签包裹形成，例如最常见的标签包裹的文字会形成内联盒子

行框盒子：line box ( ) ，它是由单行内联元素形成的一个区域，注意是每一行都会形成，如果文字由五行，就会形成5个行框。行框的高度基本上是由行框内行高最大的内联盒子决定的。还会受 vertical-align 的影响

包含块：container-box ，在内联元素中，包含块是由行框组成的，也就是包裹在所有行框外面的那层盒子

通常使设置 font-size: 0 ; 或者使用 letter-spacing 属性达到去除边框的目的

可知 font 标签真正仅实现两个属性：color 、face

以下列代码为例：

是由 stcuct 造成的，实际上是增加了一个 struct行高，所以会显得 略高

struct：幽灵空白节点，意为 支柱。每一个行框开始的位置都有一个宽度为0，并且行高和字体大小都与该元素相同的内联盒子，这个盒子即为 “支柱”

设置元素的上下垂直对齐方式。

该属性定义 行内元素的基线 相对于 该元素所在行的基线 的垂直对齐。允许指定 负长度值 和 百分比值 。这会使元素降低而不是升高。在表单元格中，这个属性会设置单元格框中的单元格内容的对齐方式。

影响 inline-level元素 和 table-cell元素 垂直方向上的布局.

两个div 都设置 display：inline-block，正常显示；但是在第二个div中加一个块级元素或者内联元素，显示就变了个样，为什么？

设置div元素的CSS样式时，加入 vertical-align: top; 就能达到我们想要的效果。