美文网首页
包含块、块级元素、块元素等等

包含块、块级元素、块元素等等

作者: 黄先森11212 | 来源:发表于2019-01-06 20:54 被阅读0次

包含块

一个元素,它的框的尺寸和位置会相对于一个特定的矩形框边缘来计算而得到,这个特定的矩形框称之为该元素的包含块
即:一个元素渲染时所依据的另一个框

块级元素

display:block, list-item, table, flex, grid 值都可以将一个元素设置成块级元素

块元素

块元素是 display 属性值为 block 的元素

块级框

块级元素都会生成一个主要的块级框来包含其子框和生成的内容,同时任何定位方式都会与这个主要的块级框有关

块容器框

一个块容器框要么只包含块级框,要么创建一个IFC而只包含行内级框
块级框需要能够包含其生成的内容,但块容器框并不需要

块框

块容器块级框

块级框、块框、块容器框

行内级元素

display:inline, inline-table, inline-block, inline-flex, inline-grid 值都可以将一个元素设置成行内级元素

行内元素

是 display 属性值为 inline 的元素

行内级框、行内框、原子行内级框

行内级框、行内框、原子行内级框

匿名框

匿名框 包括 匿名块框匿名行内框

参考:视觉格式化模型中的各种框

相关文章

  • 包含块、块级元素、块元素等等

    包含块 一个元素,它的框的尺寸和位置会相对于一个特定的矩形框边缘来计算而得到,这个特定的矩形框称之为该元素的包含块...

  • css学习笔记之常见样式

    1 块级元素 和 行内元素区别 1 差异 块级元素可以包含行内元素和块级元素 行内元素只能包含文本和行内元素 块级...

  • 入门任务8

    块级元素和行内元素分别有哪些?## 块级元素 行内元素 区别 块级元素可以包含行内元素和其他块级元素,行内元素只能...

  • CSS基本样式知识点

    块级元素 块级元素可以包含块级和行内元素 块级元素占据一整行空间 块级元素可设置content的宽高(width、...

  • 小组分享--HTML(5)嵌套规则

    HTML/XHTML嵌套规则 块级元素与块级元素平级、内嵌元素与内嵌元素平级 块级元素可以包含内联元素或某些块元素...

  • css的一些知识

    一,块级元素和行内元素分别有哪些? 块级元素: 内行元素: 特性区别:1.块级元素可以包含行内元素和块级元素,而行...

  • 6. CSS常见样式

    知识 块级元素和行内元素 特性区别 由图可知: 块级元素可以包含块级元素和行内元素,而行内元素只能包含行内元素和文...

  • 任务八-主线

    CSS常见属性(上) 块级元素行内元素块级可以包含块级和行内元素,行内只能包含文本和行内元素块级元素占据一整行的空...

  • css常见样式

    块级元素和行内元素分别有哪些? 块级元素: 行内元素: 特性区别:1.块级元素可以包含行内元素和块级元素,而行内元...

  • 你造吗?HTML 不能这么写

    目录 a标签不可以嵌套交互式元素 块级元素可以包含内联元素和某些块级元素,内联元素不能包含块级元素,只能包含内联元...

网友评论

      本文标题:包含块、块级元素、块元素等等

      本文链接:https://www.haomeiwen.com/subject/hdherqtx.html