发表于: 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等来实现元素在设计图上要求的位置。


返回列表 返回列表
评论

    分享到