CSS的元素显示模式

元素显示模式就是元素（标签）是以什么方式进行显示，HTML元素一般分为块元素和行内元素两种。常见的块元素有：h1~h6、P、div、ul、ol、li等；块元素的特点有以下：

• 比较霸道，自己独占一行

• 高度、宽度、外边距以及内边距都可以控制

• 宽度默认是容器的100%

• 是一个容器及盒子，里面可以放行内或者块级元素
  文字类的块级标签内部不能放块级元素，例如h1~h6、P
  常见的行内元素有a、strong、b、em、i、del、s、ins、u、span，span是最典型的行内元素，行内元素的特点：

• 相邻行内元素在一行上，一行可以显示多个

• 高、宽直接设置是无效的

• 默认宽度就是它本身内容的宽度

• 行内元素只能容纳文本或者其他行内元素
  超链接里面不能再放超链接
  行内块元素img、input、td，同时具有块元素和行内元素的特点，行内块元素的特点：

• 和相邻行内元素在一行上，但是他们之间会有空白间隙，一行可以显示多个

• 默认宽度就是它内容本身的宽度

• 高度、行高、外边距以及内边距都可以控制
  

• 转换为块元素：display：block；

• 转换为行内元素：display：inline；

• 转换为行内块元素：display：inline-block；