发表于： 2017-04-22 22:48:00
11 637
今天完成的事情：
写了task5的头部，紧接头部的背景图，和脚部。
明天计划的事情：
完成task5，做到和验收标准近似。
遇到的问题：
1. 头部下方的背景图不能自动缩放。搜索，可用background-size: cover；实现。contain：用于等比缩小背景图，在这个案例中不可用。
2. 将尾部固定在窗口下方，不会随着滚动条改变位置。一开始只设置了bottom无效果，需在垂直和水平方向都设置长度。
3. 右边的div无边框，给其加上左边的边框值，发现还是少一个边框值，原因是边框是四周都是，只增加了一个边框值的高，相当于只加了一半。这问题随便很低级，不过有时脑子就会短路。
4. 脚部的两个元素一开始没用a，也没用img，表面效果一样，不过没有链接对方就点击不了。加了a标签，用text-decoration：none；去掉下划线。但是用
改变字体颜色时，很奇怪的右边有效果，左边没用。并没有点击过。
收获：
background-image用法的巩固，了解掌握position:fixed，设置top,right,left,bottom（至少其中的两项）实现相对于窗口的绝对定位。border-radius 的回忆。
返回列表
评论