今天完成的事情：

                     今天主要在做任务四，首先用div利用浮动打算堆叠样式，做了好久完成了顶部三个div，并设置了属性，调整了颜色，微调了图片位置 包括详细计算所用宽度避免div变型，然后又开始做下面的表格。经过师兄的提点说用display: flex;弹性盒子，感觉这个更急方便，所以又重新改了代码开始做顶部排版，发现确实更加简便，不用设计盒子宽度就可以让盒子自动两边对齐 中间盒子居中

align-items: center;

justify-content: space-between;

所以，就更深刻看了关于弹性盒子的全部代码，为了更好理解就百度搜索代码用途图解。继续用弹性盒子做任务4，然后搜索关于表格的代码，设计外观以及颜色，长度比较难把握，开始用代码测试合适长度。

明天计划的事情：

                   明天完成任务4，去看看更多的css样式，再去练习代码规范书写！

遇到的问题：

                  今天由于开始写的时候有一个“；”用中文输入法写了，导致background-color显示不出来下了好久也没找到问题，所以以后要代码规范好 ，还有是在body中的表格多了一个<tbody>包裹找了很久不知道为啥出现，后来知道是代码规范出现的。我的表格一个有三行，中间行表格无法去边框变成透明，明天在做做如果做不好就请教师兄。

收获：

                知道了弹性盒子是啥，也学会利用弹性盒子设置布局，对于表格布局有了更多的理解，经过一次次的错误知道代码规范的重要性。