pythonweb前端开发：Python Web全栈之旅12--Web前端 CSS扩展知识点汇总

pythonweb前端开发：Python Web全栈之旅12--Web前端 CSS扩展知识点汇总① 根元素（html）这个区域由某个html元素创建，以下元素会在内部创建BFC区域：● 常规流块盒在包含块的垂直方向依次摆放● 常规流块盒若外边距无缝相邻，则进行外边距合并● 常规流块盒的自动高度和摆放位置，无视浮动元素

③ “我的项目”--“font class”--“在线链接”--“复制代码”

我们看到搜索小图标颜色变红，说明不是图片，可以理解为一种特殊字体

---

6、块级格式化上下文（Block Formatting Context，简称BFC）

定义：BFC是一块独立的渲染区域，规定了在该区域中常规流块盒的布局。

● 常规流块盒在水平方向上，必须撑满包含块

● 常规流块盒在包含块的垂直方向依次摆放

● 常规流块盒若外边距无缝相邻，则进行外边距合并

● 常规流块盒的自动高度和摆放位置，无视浮动元素

这个区域由某个html元素创建，以下元素会在内部创建BFC区域：

① 根元素（html）

② 浮动和绝对定位元素

③ overflow不等于visible的块盒

不同的BFC区域，它们在渲染时互不干扰

创建的BFC的元素，隔绝了它内部和外部的联系，内部渲染不会影响到外部

具体规则：

创建BFC的区域，它的自动高度需要计算浮动元素

创建BFC的区域，它的边框盒不会与浮动元素重叠

创建BFC的区域，不会和它子元素进行外边距合并

---

7、布局

● 两栏布局