今天完成的事：

1.task1-task3小结。

2.完成task4。

3.CodeReview

明天计划的事：

继续task5。

遇到的问题：

1.页面全屏的时候总是出现个横条，需要添加 body{margin：0；}不然是默认有又宽度的。

2.虽然完成的task能适配各个屏幕包括横屏，但是直接缩放的时候发现不能缩小，还不知道问题出在哪里。

3.根本不知道啥是media，明天去了解。

收获：

1.了解到opacity的使用，是作用到整个盒子，如要单独对背景透明化，只能画一个透明背景再引用。应该还有别的办法。。

2.了解 display：inline-block 和 display：block 的区别，之前总是分不清楚。

task1-task3小结：
比刚来那天懂了不少，但同时问题更多了。
我觉得task1-task4需要对盒子要有一个清晰的认识，比如盒子的各个边距，盒子与盒子之间的关系，是以什么规则排列的，还可以把不是块元素的<p>和<a>用display：inline-block 或 display：block进行定义，如何使用自适应，还有相对定位绝对定位的区别等等。task5之前都是些静态的布局问题，无非就是把元素按要求进行排列。说起来简单，写的时候根本不知道用什么定义合适，前面基本靠蒙，现在稍微好了点，但还远远不够。应该要代码手上敲，脑子里就有预览，最后做一下位置的微调。。。
还有很多问题要解决，很长的路要走。。。

CodeReview （感谢099师兄）
1.class有点泛滥，有一样属性的完全可以在一起定义。
2.vw和vh不要用，兼容性是个问题。
3.看起来自适应了，也不知道是不是真的自适应，点设备才能看，不能随便缩放，还有图片没做到自适应。。
4.有横条。（可能需要把body默认margin改一下，当然还有其他原因）