发表于: 2021-01-19 20:12:33
2 1031
今天完成事情:完成了任务六并提交,思考了一些深度思考的内容
明天计划的事情:开始任务七,想出整个页面该怎么布局
收获:
一.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结构,是用有一定语义的英文字母表示的,标记的。对自己和别人来说都更容易阅读。尽量使用官方的有语义的标签,不要使用一堆无意义的标签。
评论