css 视觉格式是一种与算法相对应的模型,该算法处理和转换文档的每个元素以生成一个或多个符合 css 框模型的框。
处理元素的 CSS 框生成 -
块级
- 这些元素强制在其自身上方和下方换行,并占据可用的整个宽度,即使它们的内容不需要它。
- 例如:分区 ()、标题(
到
)等。
内联级别
- 这些元素不会强制在其上方和下方换行,并且仅占用内容所需的宽度。
- 例如:跨度 ()、强元素 ()
让我们看一个块级框生成的示例 -
立即学习“前端免费学习笔记(深入)”;
示例
现场演示
HTML Heading
输出
点击文本字段为空的'预览'按钮后 -

点击文本字段不为空且的'预览'按钮后选中“h2”单选按钮 -

让我们看一个内联级别框生成的示例 -
示例
这是 em 元素的示例 -
Live演示
em element
输出
点击'检查'按钮之前 -

点击'检查'按钮后 -











