标签：

9.1 可视化格式模型介绍

本章和下一章描述了可视化格式模型：这种模型用于定义用户代理是怎样在可视化媒体（visual media）上处理文档树的。

在这个模型里，文档树上的每一个元素都会生成零个，一个或者多个盒子（根据盒子模型），这些盒子的布局由以下内容决定：

• 盒子的尺寸和类型
• 定位机制（普通流式（normal flow），浮动（float），绝对（absolute）定位）
• 文档树中各元素之间的关系
• 其他额外信息（例如，视口尺寸，图片的固有尺寸）

本章和下一章定义的属性同样适用于连续类媒体（continuous media）和页面类媒体（paged media）。当然，对于页面类媒体来说，margin属性有些不一样。

可视化格式模型没有指定关于格式化的所有内容（例如：字母间距的算法）。对于本规范中没有涉及到的那些格式化问题，各用户代理可能会有不同的表现行为。

9.1.1 视口（viewport）

当用户请求一个文档以后，对于连续类的媒体，用户代理会为用户提供一个视口（一个窗口或者屏幕上的一块可视区域）。当调整视口大小的时候，用户代理可能会相应的改变文档的布局。

当视口的尺寸小于用于显示文档的画布尺寸时，用户代理应该提供一种滚动机制。对于每一个画布起码要有一个视口，但是用户代理也可以渲染多个画布（例如：为同一个文档提供不同的视图）

9.1.2 包含块（Containing blocks）

在 CSS2.1中，很多盒子的位置和尺寸是由一个相关联的矩形盒子的边界计算出来。这个盒子被称为包含块。一般情况下，这些生成的盒子会成为这个包含块的后代。我们称这个盒子为这些后代建立了包含块。

每一个盒子会根据它的包含块得到一个位置，但是并不会局限于这个包含块中；它还可以溢出（overflow）

包含块的尺寸具体是如何计算的，将在下一章中讨论。

9.2 控制盒的生成

下面的部分描述CSS2.1中生成的盒类型.盒类型在一定程度上会影响到盒子在可视化格式模型中的行文。

9.2.1 块级元素和块盒（Block-level elements and block boxes）

块级元素：源文档中那些在视觉上被格式化成块状的元素（例如：段落元素）。display属性为‘block’，‘list-item‘，’table‘会让一个元素成为块级元素。

形成块级格式化上下文（block formatting context）的盒子被称为块级盒子。

CSS3 可视化的格式模型

标签：

原文地址：http://www.cnblogs.com/hsnow/p/4553178.html