https://www.hdzikao.com

Don’t Block the Box 什么出处?(CSS基本术语解释)【bfc是什么数独的历史发展】

[导读] 大家好,今天小热关注到一个比较有意思的话题,就是关于BlockBox的问题,于是小编就整理了4个相关介绍BlockBox的解答,让我们一起看看吧。 文章目录: Don’t Block the Box 什么出处? CSS基本术语

Don’t Block the Box 什么出处?(CSS基本术语解释)【bfc是什么数独的历史发展】

大家好,今天小热关注到一个比较有意思的话题,就是关于BlockBox的问题,于是小编就整理了4个相关介绍BlockBox的解答,让我们一起看看吧。

文章目录:

  1. Don’t Block the Box 什么出处?
  2. CSS基本术语解释
  3. bfc是什么
  4. 数独的历史发展

一、Don’t Block the Box 什么出处?

你好

Don't block the box .

译为:

不要挡住箱子。

美国交通警示牌,常见于十字路口处,意为不要挡住道路而影响其他车辆转弯或行驶。举个例子,当你进入一个十字路口左转,如果红绿灯在你驶出十字路口之前变红,你就阻碍了交叉路口的车辆向前行驶,并阻碍了人行横道和自行车道的通行,从而造成交通拥堵,这就叫Block the Box。

二、CSS基本术语解释

CSS基本术语解释如下

  1. Continuous media & Paged media

    • 连续媒体:如屏幕,内容连续显示。
    • 分页媒体:如打印,内容分页显示。
  2. Root element

    • HTML文件中的html标签生成的DOM元素,没有父元素。
  3. Specified value

    • 开发者为属性设定的值。若未指定,且属性具继承性,则值为初始值。
  4. Computed value

    • 开发者设定的值经计算后确定的最终显示值,适用于绝对值和相对值。
  5. Used value

    • 属性值在渲染树渲染到画布时的实际使用值。
  6. Actual value

    • 实际渲染时可能经过近似计算的值,如整数像素宽度的边框。
  7. User agent

    • 解析文档并应用样式的程序,如浏览器。
  8. Canvas

    • 渲染树渲染的空间,理论上无限大,实际渲染区域有限。
  9. Viewport

    • 用户代理提供的可视区域,HTML文档最终渲染到画布上。
  10. Initial containing block

    • 对于连续媒体,视口创建的初始包含块,与视口大小相同。
  11. Containing block

    • 包含其他元素的参考块,用于定位和尺寸计算。
  12. Positioned element

    • position属性非static的DOM元素。
  13. Absolute positioned element

    • position属性为absolute或fixed的DOM元素。
  14. Stack level

    • 位置元素的zindex值,表示其在堆栈上下文中的层次。
  15. Replaced element

    • content属性值超出CSS规定范围的元素,如图片或文档。
  16. Line box

    • 管理inlinelevel box排列的盒。
  17. Baseline

    • 确定文本垂直位置的标准线。
  18. Inline box

    • display为inline的非replaced元素产生的盒。
  19. Inlinelevel box

    • display为inline、inlineblock、inlinetable的DOM元素产生的盒。
  20. Blocklevel box

    • display为block、listitem、table的非replaced元素产生的盒。
  21. Block container box

    • display为block、listitem、inlineblock、tablecell、tablecaption的非replaced元素产生的盒,能包含blocklevel box或inline formatting context的inlinelevel box。
  22. Block box

    • 既是blocklevel box也是block container box的盒。
  23. Edge

    • 外边缘,margin edge当margin宽度为0时等同于border edge。
  24. Positioned box

    • position属性值非static的DOM元素产生的盒。
  25. Image candidate string

    • 格式为[图像URL] [整数]w 或 [图像URL] [整数]x,描述可渲染的位图宽度。
  26. Media condition

    • 单个媒体条件,如“屏幕”、“语音”,或最大宽度、最小宽度等。
  27. Physical pixel

    • 显示器上的最小显示单元,每个像素有自己的颜色和亮度值。
  28. Deviceindependent pixel

    • 虚拟像素,由程序使用,系统转换为物理像素。
  29. Device pixel ratio

    • 物理像素与设备独立像素的比例,用于计算不同设备上的显示尺寸。
  30. Image source set

    • 图像源集合,包含图像源地址和尺寸大小的有序列表。
这些术语是CSS布局和渲染的基础,理解它们有助于更深入地掌握CSS。

三、bfc是什么


bfc的全称是BlockFormatContent,直译为“块级格式化上下文”,它是一个独立的渲染区域,只有Blocklevelbox参与,它规定了内部的BlocklevelBox如何布局,并且与这个区域外部毫不相干。

四、数独的历史发展

既然“数独”有一个字是“数”,人们也往往会联想到数学,那就不妨从大家都知道的数学家欧拉说起,但凡想了解数独历史的玩家在网络、书籍中搜索时,共同会提到的就是欧拉的“拉丁方块(Latin square)”,如下图:

拉丁方块的规则:每一行(Row)、每一列(Column)均含1-N(N即盘面的规格),不重复。这与前面提到的标准数独非常相似,但少了一个宫的规则。 水平方向有九横行,垂直方向有九纵列的矩形,画分八十一个小正方形,称为九宫格(Grid),如图一所示,是数独(Sudoku)的作用范围。

水平方向的每一横行有九格,每一横行称为行(Row),如图二所示。

垂直方向的每一纵列有九格,每一纵列称为列(Column),如图三所示。

三行与三列相交之处有九格,每一单元称为小九宫(Box、Block),简称宫,如图四所示(在杀手数独中,宫往往用单词Nonet表示)。

由三个连续宫组成大区块(Chute),分大行区块(Floor)及大列区块(Tower)。

第一大行区块:由第一宫、第二宫、第三宫组成。

第二大行区块:由第四宫、第五宫、第六宫组成。

第三大行区块:由第七宫、第八宫、第九宫组成。

第一大列区块:由第一宫、第四宫、第七宫组成。

第二大列区块:由第二宫、第五宫、第八宫组成。

第三大列区块:由第三宫、第六宫、第九宫组成。 格位按所处的行列单元赋予坐标值,如图五所示。

坐标有多种标示法,有横行 A~I,纵列 1~9(如中国),也有横行 1~9,纵列 A~I(如日本),这两种标示容易混淆,故最被广泛使用的是横行R1~R9,纵列C1~C9的标示法。 在九宫格的格位填上一些数字,做为填数判断的线索(Hint),称为提示数(Clue),如图六所示。

到此,以上就是小编对于BlockBox的问题就介绍到这了,希望介绍关于BlockBox的4点解答对大家有用。

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

相关文章阅读