获得徽章 0
赞了这篇文章
赞了这篇文章
赞了这篇文章
打卡day17
块:block,在文档流上占据一个独立的区域,块与块之间在垂直方向上按照顺序依次堆叠。
盒子:box,划分区域用来承载元素,包括定位、布局和格式化等用途。盒子与元素并不是一一对应的,有时多个元素会合并生成一个盒子,有时一个元素会生成多个盒子(如匿名盒子)。
块级元素:block-level element,元素的 display 为 block、list-item、table 时,该元素将成为块级元素。元素是否是块级元素仅是元素本身的属性,并不直接用于格式化上下文的创建或布局。
块级盒子:block-level box,一个块级元素至少会生成一个块级盒子,但也有可能生成多个(例如列表项元素)。
块盒子:block box,如果一个块级盒子同时也是一个块容器盒子(见下),则称其为块盒子。除具名块盒子之外,还有一类块盒子是匿名的,称为匿名块盒子(Anonymous block box),匿名盒子无法被 CSS 选择符选中。
块容器盒子:block container box 或 block containing box,块容器盒子主要用于确定其子元素的定位、布局等。
块:block,在文档流上占据一个独立的区域,块与块之间在垂直方向上按照顺序依次堆叠。
盒子:box,划分区域用来承载元素,包括定位、布局和格式化等用途。盒子与元素并不是一一对应的,有时多个元素会合并生成一个盒子,有时一个元素会生成多个盒子(如匿名盒子)。
块级元素:block-level element,元素的 display 为 block、list-item、table 时,该元素将成为块级元素。元素是否是块级元素仅是元素本身的属性,并不直接用于格式化上下文的创建或布局。
块级盒子:block-level box,一个块级元素至少会生成一个块级盒子,但也有可能生成多个(例如列表项元素)。
块盒子:block box,如果一个块级盒子同时也是一个块容器盒子(见下),则称其为块盒子。除具名块盒子之外,还有一类块盒子是匿名的,称为匿名块盒子(Anonymous block box),匿名盒子无法被 CSS 选择符选中。
块容器盒子:block container box 或 block containing box,块容器盒子主要用于确定其子元素的定位、布局等。
展开
评论
点赞
打卡day16
当对一个文档进行布局(lay out)的时候,浏览器的渲染引擎会根据标准之一的 CSS 基础框盒模型(CSS basic box model),将所有元素表示为一个个矩形的盒子(box)。CSS 决定这些盒子的大小、位置以及属性(例如颜色、背景、边框尺寸…)
控制盒子类型display: block、inline、inline-block、flex、…
控制盒子大小&计算方式width,height …box-sizing: content-box、border-box
控制盒中内容流overflow: auto、scroll、hidden、…
控制定位position: static、relative、absolute、fixed、sticky是否可见visibility: visible、hidden、…
当对一个文档进行布局(lay out)的时候,浏览器的渲染引擎会根据标准之一的 CSS 基础框盒模型(CSS basic box model),将所有元素表示为一个个矩形的盒子(box)。CSS 决定这些盒子的大小、位置以及属性(例如颜色、背景、边框尺寸…)
控制盒子类型display: block、inline、inline-block、flex、…
控制盒子大小&计算方式width,height …box-sizing: content-box、border-box
控制盒中内容流overflow: auto、scroll、hidden、…
控制定位position: static、relative、absolute、fixed、sticky是否可见visibility: visible、hidden、…
展开
评论
点赞
赞了这篇文章
赞了这篇文章