发表于： 2019-03-23 20:38:09
1 696
今天完成的事情：
任务5基本完成
明天计划的事情：
完成任务5，重新优化结构
遇到的问题：
任务5相对任务4来说从代码上面没有新的难点，主要是内容进一步增加，从布局上多了很多挑战性。
第一是header部分，< 返回符号本来是用插入的图片，后来通过百度讲这个符号用css写了出来，认识了旋转这个属性，以后应该有进一步的运用。
第二是footer部分，相对于任务4的一个按钮，任务5需要对两个按钮进行布局以及改变样式，中间遇到过啥问题忘了，反正能通过百度解决。
然后是一个雪碧图，在背景图上插入图标，在与师姐沟通之后发现我们的思路不一样，但是都能够实现效果。在插入背景图的时候，背景图的宽度不能自适应，搜索了很多才
background：size=100%这条属性解决，这是昨天任务4没有用到的，因为任务4我所插入的背景图都是小图标而不是大的背景图。然后制作雪碧图是一个机械重复的过程，比较考验耐心与细心。
具体分项内容的布局也需要更熟练的运用，任务5基本完成，还剩一个需要换行的li，在我的思路这需要用到与上面li不同的布局，但是暂时还没有解决好换行的问题。
收获：
对于任务4学到的新技能有更熟练的运用，背景图的各项属性，border button的各项属性也都更为了解，盒子模型的运用、理解进一步深入。
返回列表
评论