• Block-level element: 能够独立存在, 一般的块级元素之间以换行(如一个段落结束后另起一行)分隔. 常用的块级元素包括: p, h1~h6, div

• Inline element: 依附其它块级元素存在, 紧接于被联元素之间显示, 而不换行. 常用的内联元素包括: img, span

• Top-level element: 包括html, body, frameset, 表现如Block-level element, 属于高级块级元素.

块级元素是构成一个网页的主要和关键元素, 而任意一个块级元素均可以用Box model来解释说明.

CSS盒子模型 立体图片

CSS盒子模型 平面图