CSS标配显示模式

CSS标签显示模式

CSS标签显示模式分为三种，分别是块级元素 行内元素和行内块元素

1. 块级元素
   常见的块级元素有h1~h6 p div ul ol li
   其中div标签是最典型的块元素
2. 行内元素
   常见的行内元素有 a strong b em i del s ins span
   其中span标签是最典型的行内元素 span标签没有大小
3. 行内块元素
   特殊的标签 img input td
4. 标签显示模式转换
   块转行内 diplay：inline
   行内转块 display: block
   块 行内元素转换为行内块 display :line-block
   
5. 行高line-height
   行高的测量 ：基线和基线的距离为行高
   单行本文本垂直居中：文字的高度等于盒子的高度
   行高=上距离+内容高度＋下距离
   行高（line-height) 大于 高度（height) 文字会偏下
   行高（line-height) 等于高度(height) 文字会垂直居中
   行高（line-height) 小于高度（height）文字会偏上