发表于: 2016-03-19 12:45:21
1 1637
1.这几天完成了任务5,时间超出了预计。。。https://github.com/aliendaisy/TASK-5
2.接下来完成任务6;
3.收获:
a 切图过程中学习新的切图技巧,很受益;
b 制作task5-1的时候,被头像的自适应卡了很久,后来通过F12的调试和background-size的值选取使图片作为背景图像可以自适应;
c 制作task5-2的时候,学习了用ul和li做出水平方向的类似导航条的效果,这边对字体和图片如何水平居中,如何完成自适应调整了很久;由于里面用到了display,网上查阅后对inline,block和inline-block三个值有了更深刻的了解;然后想用动画效果做出头部两个选择框的移动效果,想了很多,也试着写了很久,但实际写的时候发现写不出来,知乎上求助了大神,用的是给2个div建两个样式,两个样式分别放在不同的页面链接中,点击链接后可以跳转到另一个页面,完成样式的转变。虽然没写出自己设想的结果,但还是学到了别人的一些新的思路。
d 通过这个任务,无论对自适应,还是样式值的选取,盒模型的理解都有了新的认识;同时也对css3动画有了一点了解,虽然只是尝试着写了,并没有写出想要的效果。。。
评论