今日完成的任务：

1.修改了一部分任务6中的问题，给底部div添加背景颜色还有用媒体查询改变图标大小

2.基本完成了任务7的第一张图，还需要增添一点媒体查询的部分

3.总结了一部分垂直居中的方法

单行内容的垂直居中：设置line-height等于height的高度，适用于已知高度的单行元素

设置成表格单元：设置{display：table-cell；vertical：middle；}

flex布局：{display：flex；align-item：center}

magin auto：将父元素设置成relative之后，子元素{position：absolute；margin：auto}

或者使用负margin法：.f{width：500px；                   

                                       height：100px；

                                       position：relative； }

                                    .s{width:300px;height:50px;position;top:50%;margin-top:-50px}

明日计划完成的任务：

1.完成任务7的第二张图；

2.给7.1修改一下，添加媒体查询；

3.学习html的audio标签

遇到的困难：任务六的底部设置vertival：middle无效，设置line-height为height时下面的p标签里的字又不见了，translate没有啥效果。明天试一下flex

收获：系统的学习了一下常规情况下垂直居中以及水平垂直居中的方法，感觉更明晰的理解了一些原理性的东西。