块状元素

特点：

• 独占一行；
• 元素的高度、宽度、行高以及顶和底边距都可设置；

• 元素宽度在默认不设置的情况下，宽度和他的父级元素相同。
  典型代表：div、p、h1、form、ul、li

  内联元素（行内元素）

  特点：

• 在一行显示；
• 元素的高度、宽度及顶部和底部边距不可设置；

• 元素的宽度是他包含内容的宽度，不可改变。
  典型代表：span、a、label、 strong、em

  内联块状元素（行内块元素）

  特点：

• 在一行显示；

• 元素的高度、宽度、行高以及顶和底边距都可设置。
  典型代表：img、input

  附录：转换

• 块状元素转行内元素：display:inline;
• 行内元素转块状元素：display:block;
• 块状元素和行内元素转行内块元素：display:inline-block;