发表于： 2021-03-18 20:29:06
1 1124
今天完成的事情：
提交了前面做完的任务五，完成了任务八部分布局
明天计划的事情：
项目八里要用到css动画，明天学习css动画相关知识，继续完成项目八
收获：
今天学习了用伪类清楚浮动
写法：
.box:after{content:""; /*使元素不可见*/
display:block; /*块级元素*/
clear:both}
整段代码的意思是在box这个属性后形成一个不可见的块级，达到撑起父元素高度的目的
stacking context,布局规则
z 轴上的默认层叠顺序如下（从下到上）：
- 根元素的边界和背景
- 常规流中的元素按照 html 中顺序
- 浮动块
- positioned 元素按照 html 中出现顺序
创建 stacking context：
- 根元素
- z-index 不为 auto 的定位元素
- a flex item with a z-index value other than 'auto'
- opacity 小于 1 的元素
- 在移动端 webkit 和 chrome22+，z-index 为 auto，position: fixed 也将创建新的 stacking context
返回列表
评论