发表于: 2016-03-11 00:13:39
1 1670
1.今天完成的事:
(1)完成了task5-1,收尾部分比较顺利。晚上讨论了响应式后,重新加入了媒体识别代码,优化了手机端的显示效果。
(2)完成了task6的首页图,捏了个最软的柿子。。
2.明天计划的事:
(1)认真琢磨雪碧图的制作和音乐插入,开始task6剩余两个页面的制作。
3.遇到的问题:
(1)task5-1最后两行字的处理,由于并没有为两列文字单独画盒子,调整了很多次padding和排列,视觉上达到了原图效果。晚上讨论后发现用嵌套盒子处理起来更直接,有时候不愿用嵌套反而会导致结构调整更复杂,该用的时候就应该果断采用。
(2)task6首页图右侧的三角形,开始试图用浮动布局来定位,但对其他元素位置影响太大,在师兄的指点下使用绝对定位,效果不错,但要注意自适应下的图形大小。
4.收获:
(1)今天完成的task5-1和task6的首页图,并没有太多的难点,感觉对于这种简单的布局和代码应用更为熟练了,能感觉到进步还是挺开心的。
(2)学习了一篇关于border-radius 圆角处理的博客,了解了圆角处理的原理及衍生的应用。http://www.zhangxinxu.com/wordpress/2015/11/css3-border-radius-tips/
项目地址:
task5-1:http://119.10.57.67/ptt02/task/task5/task5-1.html
task6首页图:http://119.10.57.67/ptt02/task/task6/task6-index.html
github:https://github.com/yangxiaokun/cssTASK
评论