大家好,今天小热关注到一个比较有意思的话题,就是关于BlockBox的问题,于是小编就整理了4个相关介绍BlockBox的解答,让我们一起看看吧。
文章目录:
一、Don’t Block the Box 什么出处?
你好
Don't block the box .
译为:
不要挡住箱子。
美国交通警示牌,常见于十字路口处,意为不要挡住道路而影响其他车辆转弯或行驶。举个例子,当你进入一个十字路口左转,如果红绿灯在你驶出十字路口之前变红,你就阻碍了交叉路口的车辆向前行驶,并阻碍了人行横道和自行车道的通行,从而造成交通拥堵,这就叫Block the Box。
二、CSS基本术语解释
CSS基本术语解释如下:
- Continuous media & Paged media:
- 连续媒体:如屏幕,内容连续显示。
- 分页媒体:如打印,内容分页显示。
- Root element:
- HTML文件中的html标签生成的DOM元素,没有父元素。
- Specified value:
- 开发者为属性设定的值。若未指定,且属性具继承性,则值为初始值。
- Computed value:
- 开发者设定的值经计算后确定的最终显示值,适用于绝对值和相对值。
- Used value:
- 属性值在渲染树渲染到画布时的实际使用值。
- Actual value:
- 实际渲染时可能经过近似计算的值,如整数像素宽度的边框。
- User agent:
- 解析文档并应用样式的程序,如浏览器。
- Canvas:
- 渲染树渲染的空间,理论上无限大,实际渲染区域有限。
- Viewport:
- 用户代理提供的可视区域,HTML文档最终渲染到画布上。
- Initial containing block:
- 对于连续媒体,视口创建的初始包含块,与视口大小相同。
- Containing block:
- 包含其他元素的参考块,用于定位和尺寸计算。
- Positioned element:
- position属性非static的DOM元素。
- Absolute positioned element:
- position属性为absolute或fixed的DOM元素。
- Stack level:
- 位置元素的zindex值,表示其在堆栈上下文中的层次。
- Replaced element:
- content属性值超出CSS规定范围的元素,如图片或文档。
- Line box:
- 管理inlinelevel box排列的盒。
- Baseline:
- 确定文本垂直位置的标准线。
- Inline box:
- display为inline的非replaced元素产生的盒。
- Inlinelevel box:
- display为inline、inlineblock、inlinetable的DOM元素产生的盒。
- Blocklevel box:
- display为block、listitem、table的非replaced元素产生的盒。
- Block container box:
- display为block、listitem、inlineblock、tablecell、tablecaption的非replaced元素产生的盒,能包含blocklevel box或inline formatting context的inlinelevel box。
- Block box:
- 既是blocklevel box也是block container box的盒。
- Edge:
- 外边缘,margin edge当margin宽度为0时等同于border edge。
- Positioned box:
- position属性值非static的DOM元素产生的盒。
- Image candidate string:
- 格式为[图像URL] [整数]w 或 [图像URL] [整数]x,描述可渲染的位图宽度。
- Media condition:
- 单个媒体条件,如“屏幕”、“语音”,或最大宽度、最小宽度等。
- Physical pixel:
- 显示器上的最小显示单元,每个像素有自己的颜色和亮度值。
- Deviceindependent pixel:
- 虚拟像素,由程序使用,系统转换为物理像素。
- Device pixel ratio:
- 物理像素与设备独立像素的比例,用于计算不同设备上的显示尺寸。
- Image source set:
- 图像源集合,包含图像源地址和尺寸大小的有序列表。
三、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点解答对大家有用。
郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。