发表于: 2017-03-21 22:32:05
1 592
今天完成的事情:1、任务三的审核未通过,原因是字体显示过小,重新修改了任务里<p>标签的font-size:12px修改为16px。
2、下载任务四的资源,登录页.psd,并继续用任务三学到的切图,将.psd的图层切出来备用。
3、查看学习资料position属性以及它static、relative、 absolute、fixed 的区别,static 是默认值。任意 position: static;的元素不会被特殊的定位。在一个相对定位(position属性的值为relative)的元素上设置 top、 right 、 bottom 和 left 属性会使其偏离其正常位置。其他的元素的位置则不会受该元素的影响发生位置改变来弥补它偏离后剩下的空隙。一个固定定位fixed元素会相对于视窗来定位,这意味着即便页面滚动,它还是会停留在相同的位置。和 relative 一样, top 、 right 、 bottom 和 left 属性都可用,这个元素是绝对定位的。absolute绝对定位相对于它的父元素定位。
明天计划的事情:布局header,让header紧贴顶部;为header内部布局,保证3块文字分别居于header的左中右,并垂直居中。
遇到的问题:学了position属性以及它的值之后还是不会用。
收获:完成了任务三的审核;学习了position属性的理论知识。
评论