元素的分类和特点

标签分类:
一、块标签(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来解决。

猜你喜欢

转载自java1010.iteye.com/blog/2411005