发表于: 2017-04-08 22:15:27
1 704
今天完成的事情:
1.完成任务5的header和footer的布局。如下图
2.学习PScc的自动切图,可以切出透明的小图。
3.重新切任务3的图,由背景图片形式换为img形式布局。提交审核中。
明天计划的事情:
1.继续完成任务5剩下的部分,学习并练习flex布局,学习侧边框的设置。
2.完成的情况下开始任务6的布局。
遇到的问题:
移动端调试的时候div与div之间会有缝隙(margin、padding均设置为0)。解决方法:外部div的背景色和内部div的背景设置成相同的。 但问题出现的原因不清楚,后续可以关注下。
收获:
通过任务5的初步布局,对块状元素的布局和定位,通过调整width,设置float,增加margin-top和paddingding-bottom等来实现元素在设计图上要求的位置。
评论