元素的分类和特点

标签分类：
一、块标签（block标签）--->display:block
    如：div、p、ul、li、ol、dl、dd、dt、h1~h6
    特点：
    1、独占一行。
    2、当不写宽度时，默认充满整行；没有写高度，可以由子元素撑开。
    3、支持所有的样式。

 

二、内联标签（inline标签）--->display:inline
    如：span、strong、em、mark、a
    特点：
    1、能在一行来显示。
    2、不支持宽高。
    3、宽度由内容撑开。
    4、换行解析为空格。
    5、不支持上下margin。

 

三、内联块标签（inline-block）--->display:inline-block
    如：img标签。
    特点：
    1、能在同一行来显示。
    2、支持宽高。
    3、换行解析为空格。

    4、IE6、7下没有inline-block。
   
元素类型的转换可以直接通过改变display的值为inline/inline-block/block来解决。