Web 技术研究所

我一直坚信着,Web 将会成为未来应用程序的主流

[翻译] W3C-CSS-2.1-9.1 渲染模型的介绍

翻译:次碳酸钴
鼠标hover可见原文,如果发现错误请@我以便修正,谢谢捧场~

渲染模型的介绍(9.1)

这个章节与下一个章节将描述这个渲染模型:浏览器如何在可视化媒体上处理文档树。

在渲染模型中,每一个文档中的元素都根据盒子模型来生成零个或多个盒子。 盒子的布局受制于下面这几类参数:

  • 盒子的规模与类型。
  • 定位机制(常规流、浮动、绝对定位)。
  • 文档树中元素之间的关系。
  • 外部信息(例如:viewport的尺寸、图片元素的固有大小,等)

这个章节与下个章节中定义的属性,在连续媒体和分页媒体中都适用。 但是,应用在分页媒体上时margin属性的行为有些差异(详见分页媒体的相关章节)。

渲染模型并不定义所有的渲染的样式(比如它就不定义letter-spacing的算法)。 对于那些没有涵盖在这份规范中的渲染问题,在兼容的浏览器上也可能也出现不同的行为。

viewport(9.1.1)

使用连续媒体的浏览器一般都为用户提供viewport(屏幕上的一个窗口或其它形式的视图区域)。 当viewport的大小改变时,浏览器可能会修改文档的布局(见初始包含的block)。

当viewport比文档中渲染的画布大小还小时,浏览器应该提供一个滚动条机制。 每个画布最多只存在一个viewport中,不过浏览器可以在同一个viewport中渲染多个画布(例如,在同一个文档中提供不同的视图方式)。

含纳块(9.1.2)

在CSS2.1中,许多盒子的位置与尺寸都是根据矩形边界来计算的,这样的矩形称为含纳块。 通常,由生成的盒子来充当后代盒子的含纳块,这有点像生成的盒子在“创建”含纳块的感觉。 说“某盒子的含纳块”时候表达的意思是“包含着某盒子的含纳块”,而不是“某盒子生成的含纳块”。

每一个盒子都按照它的含纳块来设置位置,但是它没有被含纳块限制,而有可能溢出含纳块。

关于如何计算含纳块的详细说明描述在下一个章节中。

网名:
3.80.55.*
电子邮箱:
仅用于接收通知
提交 悄悄的告诉你,Ctrl+Enter 可以提交哦
神奇海螺
[查看全部主题]
各类Web技术问题讨论区
发起新主题
本模块采用即时聊天邮件通知的模式
让钛合金F5成为历史吧!
次碳酸钴的技术博客,文章原创,转载请保留原文链接 ^_^