发表于: 2016-10-09 23:04:53
1 1208
今天完成的事情:主要修改了任务5-2的nav,跟task6-1的完善,完成task6-2
明天计划的事情:写task6-3
遇到的问题:思维进去了死胡同,总是想减少div,但是却没有更好的处理办法。nav的宽度原本一直想用padding跟margin来撑开,然后一直分配不均,手机端跟网页断的显示也差别很大,思维转进了死胡同里了,后来一想,直接给3个盒子设置宽度不就行了。nav里的3个元素,原本都是按照一样的属性设置,然后发现第三个一直不协调,脑子还是没转过来,最后才发现第三个单独设置就好了。。这里主要的错误就是一直想用padding跟margin属性来实现定位跟决定容器大小,其实思维一转,直接用width跟position定位简单明了。
收获:对于效果的代码,有很多方式,有时候一种方法不行,就换另一种,不能一直纠结一种方法。看似简单的task6首页做起来还花了2个小时,说明还是很不熟练。熟悉了vertical-align属性。切图的时候,要把背景去掉。
https://github.com/yangshan010/task/tree/master/task6
评论