CSS中line-height的学习

对于line-height的介绍，在下面的一篇博客中已经讲解的很清楚，。http://www.cnblogs.com/fengzheng126/archive/2012/05/18/2507632.html 但是，在学习过程中遇到了一些难以理解的困难，在翻开其他资料后，有了一定了解，现记录于下，以防遗忘。

一个块标签包含四个盒子：
内容区域、内联盒子（内联框）、行盒子（行框）、包含盒子

每一行称为行盒子， 由许多内联盒子组成。
内联盒子的高度，基于最小配方原则，即选取内联元素的内容区域和行高最小的一个，作为内联盒子的高度。
内联盒子中行高最大的一个作为行框的高度
一个一个的行框的高度组成了包含盒子的高度。
包含盒子的高度，即为一个块标签如div、p的内容区域高度（height）

整个块标签的盒子高度=块标签的内容区域高度+左右margin+左右padding+左右border

当只有一行元素，定义了行高而未设置height，通常认为height=line-height。

当只有一行元素时，设置height=line-height，则内容垂直居中，只是近似居中。