CSS标准(4)-控制框

简介: CSS标准(4)-控制框

块级元素

块级元素:块级(block-level)元素在页面上表现为一个块,单独占有一行。

块级框:块级元素生成来包含其子框和生成的内容的框称为块级框(Block-level box)。

块容器框:块容器框(block container box)只包含其他块级框,或者创建一个行内格式化上下文(inline formatting context)从而只包含行内框。

块框:是块容器框的块级框称为块框(block boxes)。

三者关系如下图所示:

行级元素

行级元素:行级元素是在源文档中那些不为其内容不形成新的块;而让其内容分布在多行中的元素。

行级框:行级元素生成行级框,而这些框会参与某个行格式化上下文。

行内框:内容参与了包含它的行格式化上下文的行级框。

原子行级框:那些不是行内框的行级框(例如可替换的行级元素、行内块元素、行内表格元素)被称为原子行级框。

两种行级框的关系如下图所示:

(完)

本文作者 : cyningsun

本文地址https://www.cyningsun.com/04-22-2014/css-standard-four.html

版权声明 :本博客所有文章除特别声明外,均采用 CC BY-NC-ND 3.0 CN 许可协议。转载请注明出处!

目录
相关文章
|
10天前
CSS_定位_网页布局总结_元素的显示与隐藏
CSS_定位_网页布局总结_元素的显示与隐藏
16 0
|
6月前
|
前端开发
CSS属性涵盖了从文本样式到布局控制、从颜色处理到动画效果的各个方面
【5月更文挑战第31天】CSS属性涵盖了从文本样式到布局控制、从颜色处理到动画效果的各个方面
46 1
|
6月前
|
前端开发 JavaScript UED
使用 CSS 中的form-sizing属性实现文本区域的自动增加高度
使用 CSS 中的form-sizing属性实现文本区域的自动增加高度
125 0
|
前端开发
css定位锚点透明
css定位锚点透明
|
前端开发 容器
如何使用 CSS 来控制 img 标签在父元素中自适应宽度或高度,并按比例显示
如何使用 CSS 来控制 img 标签在父元素中自适应宽度或高度,并按比例显示
669 1
|
Web App开发 前端开发
通过外部CSS或嵌入式样式缩放时,Firefox会使图像模糊
通过外部CSS或嵌入式样式缩放时,Firefox会使图像模糊
CSS3支持的颜色表示方法
本文介绍CSS3支持的颜色表示方法
118 0
CSS3支持的颜色表示方法
|
前端开发 JavaScript
css控制超出宽度 ...展示
css控制超出宽度 ...展示
191 0
|
前端开发
CSS核心内容:标准流、盒子模型、浮动、定位
CSS核心内容:标准流、盒子模型、浮动、定位
171 0
CSS核心内容:标准流、盒子模型、浮动、定位