今天完成的事情：

1.大致完成了task7-2的样式，就是footer有再拉大宽度的时候和上面的内容不匹配了。

2.关于task7-2中的audio标签，我对播放图标单独设置了一个超链接，链接到一个新的网页中，然后在这个网页中写audio标签，直接写在task7-2，类似<audio href="#" controls=”controls”><img src="images/on2.png"> </audio>这样图片就显示不出来了，只有播放条覆盖了。

3.把task7的三个网页用a标签连上了。

4.把每个水民下面的图标用opacity0来隐藏，到时候鼠标hover的时候在1显示出来。

明天计划的事情：开始task8

遇到的问题：投死这个fixed的footer，宽度调不好。

收获：用opacity隐藏和显示。

成果链接http://119.10.57.69:880/jnshu3938/CSS/task7/task7-1/task7-1.html

代码链接https://github.com/xuoutput/HTML-CSS/blob/master/task7/task7-1/task7-1.html

成果链接http://119.10.57.69:880/jnshu3938/CSS/task7/task7-2/task7-2.html

代码链接https://github.com/xuoutput/HTML-CSS/blob/master/task7/task7-2/task7-2.html

成果链接http://119.10.57.69:880/jnshu3938/CSS/task7/task7-3/task7-3.html

代码链接https://github.com/xuoutput/HTML-CSS/blob/master/task7/task7-3/task7-3.html