发表于: 2020-03-22 18:59:34
1 1151
今天完成的事情:完成任务3;
明天计划的事情:完成任务4;
遇到的问题和解决情况:
任务3提交了几次没有通过
1、单位rem的使用,font-size 是否必须定义为整数px;(有疑问)
2、css定位详解:position属性:
static:position属性的默认值,元素位置是浏览器自主决定,top、bottom、left、right无效;
relative:相对于默认位置(即static时的位置)进行偏移,定位基点是元素的默认位置;
absolute:相对于上级元素(一般是父元素)进行偏移,即定位基点是父元素,
它有一个重要的限制条件:定位基点(一般是父元素)不能是static定位,否则定位基点就会变成整个网页的根元素html;
fixed:相对于视口(viewport,浏览器窗口)进行偏移,即定位基点是浏览器窗口。这会导致元素的位置不随页面滚动而变化,好像固定在网页上一样;
- sticky:产生动态效果,很像relative和fixed的结合:一些时候是relative定位(定位基点是自身默认位置),另一些时候自动变成fixed定位(定位基点是视口);
- 3、任务3logo居中:任务3设计图logo与验收位置并不完全一致,实际应用的时候会以那个为准?
评论