发表于： 2021-01-19 20:12:33
2 843
今天完成事情：完成了任务六并提交，思考了一些深度思考的内容
明天计划的事情：开始任务七，想出整个页面该怎么布局
收获：
一.position定位有哪几种？各有什么特点
①static：默认定位
不可层叠,不脱离文档流
②relative：相对当前位置定位
不可层叠,不脱离文档流
相对其正常位置进行定位,通过left、right、top、bottom位移
③absolute：绝对定位
脱离文档流，令原本占据的空间坍塌，相对最近的非static父级定位,如果没有则继续向上查找直到body,通过left、right、top、bottom位移
④fixed：固定定位
脱离文档流，令原本占据的空间坍塌，相对于浏览器viewport定位,通过left、right、top、bottom位移,可通过z-index进行层次分级，z-index越大表示层级越靠上
⑤sticky：粘性定位
粘性定位被视为对固定定位和相对定位的混和体，该元素被视为相对定位直到它超过一定范围后，此时它为固定定位
必须指定 top、right、bottom、left 四个阈值的其中之一， 粘性定位才会生效。
二、如何理解HTML结构的语义化？
语义化，顾名思义，就是你写的HTML结构，是用有一定语义的英文字母表示的，标记的。对自己和别人来说都更容易阅读。尽量使用官方的有语义的标签，不要使用一堆无意义的标签。
返回列表
评论