发表于： 2016-08-24 23:51:31
1 1302
今天完成的事情：完成任务6剩余的部分，开始做任务 7。任务7开始之前找了轮播图教程，但是看不懂。任务7相比前几个任务又出现了新的布局方式，而且类命名更加繁琐，进度有些缓慢，还好请教了师兄。
明天计划的事情：轮播图！！！
任务7继续。
遇到的问题：任务7插入葡萄藤logo后，右侧的列表与logo调整不到一条水平线上，耽误了好~长时间。后来请教师兄，又查了些资料，
问题解决了。解决的方法是：葡萄藤logo用display：inline-block属性变成行内块元素，用position：relation定位，这个定位方法不可重叠，而且在文档流内部；右侧的列表float：right，然后规定元素的高度和宽度，再用padding-top调整位置就可以了。总结一下卡住的原因是我对一些标签属性用法不熟，总是来一个一个的试，遇到今天这种类命名太多的任务就傻眼了。今后用过的属性要尽快查尽快记住。
还有@media设置最小宽度与最大宽度时，中间的and两边一定要有空格！也耽误了挺长时间，下次不自己琢磨了，问问师兄好了。
还有雪碧图也耽误了一段时间，但是我弄懂了！今天是三个小图拼的雪碧图设置的位置分别是0 0、50% 0、100% 0。四个的话就是0 0、33% 0、66% 0 100% 0.
（有些也可能是碰巧其他设置管用了而我了解的不对，有的话请指正，感谢）
收获：上面列举的都是收获，还有其他收获先不说了。
返回列表
评论