CSS 视觉格式
视觉格式化模型通常解释文档树中的元素是如何为视觉媒体（如计算机屏幕）处理的。
CSS 视觉格式化模型
CSS 视觉格式化模型是用于处理视觉媒体文档的算法。 在视觉格式化模型中，文档树中的每个元素根据 盒子模型 生成零个或多个框。
这些盒子的布局取决于以下因素：
注意： 文档树是源文档中编码的元素的层次结构。 文档树中的每个元素都只有一个父元素，但根元素除外，它没有。
CSS 中生成的盒子的类型
网页上显示的每个元素都会生成一个矩形框。 以下部分描述了元素可能生成的框类型。
块级元素和块框
块级元素是那些在视觉上被格式化为块的元素（即占据可用的整个宽度），在元素之前和之后有一个换行符。 例如，段落元素 (<p>)、标题 (<h1> to <h6>)、分区 (<div>) 等。
通常，块级元素可能包含内联元素和其他块级元素。
内联级元素和内联框
内联元素是源文档中不形成新内容块的元素； 内容按行分布。 例如，强调段落中的文本片段 (<em>)、跨度 (<span>)、强元素 (<strong>) 等。
内联元素通常只能包含文本和其他内联元素。
注意： 与块级元素不同，行内级元素只占用必要的宽度，并且不会强制换行。
您可以使用 CSS display 属性更改元素在网页上的显示方式。 您将在下一章中了解显示属性。
Advertisements