行内元素与块元素区别，标签显示模式转换

• 标签的类型（显示模式）

  1、块级元素

  有默认的宽高，宽为父元素的100%，高为内容撑开。

  宽高可设置。

  独占一行。

  可以容纳任何元素。

  2、行内元素

  有默认宽高，靠内容撑开。

  不能设置宽高。

  相邻元素可在同一行。

  水平方向内外边距可设置，垂直方向不可以。

  3、行内块元素

   标签：<img><input><label><select><option>
  

  有默认的宽高，元素本身的宽高。

  宽高可设置。

  相邻行元素可在同一行显示。

  一般不容纳其他元素。

  内外边距可设置.。

• 标签显示模式转化

  display: ; /*inline:行内；block:块；inline-block:行内块。*/