html 的块级(block-level)元素和行内(inline)元素

    块级元素(block-level)和行内(inline)元素是历史上对html元素标签的分类,html5将"block-level"和“inline”这两个概念删除了。

一、块级元素(block-level)

    块级元素会页面中出现一个可见的块——它们将出现在新的一行中,无论前面的内容是什么,之后的内容将出现在他们的下一行。块级元素不能嵌套在行内(inline)元素中,但块级元素能够嵌套在另一个块级(block-level)元素中.

     块级元素只能出现在元素中。下面是所有块级元素的标签:

html 的块级(block-level)元素和行内(inline)元素_第1张图片

二、行内元素(inline)

    行内元素不能产生一个新行。例如:等。

    内容模型:行内元素里面只能放数据和其他的行内元素,不能放块级元素在行内元素中。

    行内元素不从新行开始,只占用所需的宽度。下面是所有的行内元素。

html 的块级(block-level)元素和行内(inline)元素_第2张图片

    通过css的一个属性display,可以改变其html展示的外观,但是css的这个属性并不能改变类别和内容模型,例如,通过css的display将转变为“块”,仍然不能将

嵌套如里面.

你可能感兴趣的:(html)