今天完成的事：

1.任务七基本完成，准备提交

2.深入学习了vw自适应，flex-basis弹性布局

明天的计划：

1.开始任务八学习

2.学习bootstrap

1.rem/vw混淆了：

rem是适应不同的设备

vw是自适应屏幕的大小

在任务七中，如果使用rem来设置盒子的大小，那么在拉伸盒子的时候，部分盒子就会被覆盖掉，无法达到根据屏幕变窄而缩小。

2.对于任务七第二章的“九宫格”双色，我终于想出来了比较完美的结局方案，还是flex弹性布局的一个知识点————flex-basis

而我昨天的想法就比较复杂，上下两个不同颜色的盒子，分别设置宽高，再拼接起来，缺点就是太繁琐了。

还有一个方法就是，用上下两个<p>分别填充颜色，记得设置line-height（p上下有一个margin），再放大一个父级盒子里，进行flex + column。

3.第二章的任务，大图片下面出现四个小图标，我不知道用雪碧图如何给比例排布//已经解决

（1）background：url(css_sprites.png)no-repeat 36% 50%

用这种方法，可以调整雪碧图的小图片的显示，并用百分比，可以自适应屏幕的大小，如果使用px，那就固定了小图标的大小

收获：

1.对于各个rem em vw vh px各单位的运用能力更进一步

2.对于flex-basis的使用更明确了

3.对于background如何调整图片的位置更加清楚了

4.对于hover效果的使用更熟悉了