按类型划分

block:块,如divpullih1……

  • 独占一行

  • 支持所有样式

  • 不定义宽度时,宽度与父元素相同

  • 所占区域是一个矩形

inline:内联,如spanaemstrongimg……

  • 居于一行

  • 部分样式不支持

  • 不定义宽度时,宽度由内容决定

  • 所占区域不一定是矩形

  • 内联标签之间因换行会产生空隙

inline-block:内联块,如inputselect……

  • 居于一行,但支持定义宽高

按内容划分

Flow:流内容

Metadata:元数据

Sectioning:分区

Heading:标题

Phrasing:措辞

Embedded:嵌入的

Interactive:互动的

按显示划分

替换元素(替换标签):浏览器根据元素的标签和属性,来决定元素的具体显示内容。

非替换元素:将内容直接告诉浏览器,将其显示出来。

不起眼的小广告

上一篇:CSS盒模型

下一篇:CSS reset