HTML5基础加强css样式篇（line-height）（三）

注：这个属性比较重要单独拿出来说

1.line-height

定义见图：

2.line-height的可选属性值：

①.normal 默认。设置合理的行间距。 

②.number 设置 数字，此数字会与当前的字体尺寸相乘来设置行间距。

③.length 设置固定的行间距（px）。

④.  % 基于当前字体尺寸的百分比行间距。

⑤.inherit 规定应该从父元素继承 line-height 属性的值。

行高是根据字体大小计算的！！！

规范要求，行高 = 字体大小*1.2 不同浏览器实现由差异

3.line-height对元素大小的影响 如图：

4.利用line-height使元素垂直居中如图：