(注1:如果有问题欢迎留言探讨,一起学习!转载请注明出处,喜欢可以点个赞哦!)
(注2:更多内容请查看我的目录。)
在CSS入门系列中,介绍了很多CSS的基础概念。其中讲到了盒模型。页面(文档树)可以想象成是由一个个的Box组合而成的,而视觉格式化模型(Visual formatting model)是一套规则,将这些框布局成访问者看到的样子。
CSS 视觉格式化模型(visual formatting model)是用来处理文档并将它显示在视觉媒体上的机制。这是 CSS 的一个基础概念。理解视觉格式化,有助于帮助我们分辨得到的效果是应该显示的正确效果,还是浏览器兼容性的bug。
视觉格式化模型中,文档树中的每一个元素根据盒模型(Box Model) 生成0,1或者多个盒。这些盒的布局由以下内容控制:
接下来让我们从以上几个方面来详细讲解CSS的视觉格式化模型。
http://www.w3.org/TR/CSS2/visuren.html
CSS规范 > 9 视觉格式化模型 Visual Formatting Model