今日完成：

1.任务七三个页面已做完，剩余超衔接以及最终布局和自适应的调试；

2.根据师姐的检查结果修改任务六页面，还未完成。

明日计划：

1.重新修改任务六（布局方式，代码工整度），重新学习CSS代码的命名规则。

2.调试任务七。

3.如果以上完成，开始学习任务八。

遇到的问题：

1.用bootstrap布局了header，并设置了三个盒子，宽度分别为百分之30、40和30，但是最后一个要掉下面去。盒子属性设置的是inline-block，原因应该是bootstrap某个元素有边框影响（但是具体是哪个元素影响没有找出来）。最后将两边的盒子设置宽度为百分之29.5解决。

2.header与mian之间有一条白色缝隙，找了半天发现是因为用bootstrap的nav布置的header，它是有边框的，取消边框后问题解决。

3.鼠标事件，第一个块已经设置好了没问题。但是复制至其他块完成布局后所有的鼠标事件都失灵。逐个排查问题，查阅资料后发现是因为onMouseOver以及 onMouseOut中的ID不能重复，有多少个块就应该设置多少个ID。

4.页面加入音乐后，变成空白。原因是标签位置错误，将添加音乐标签放在footer之后，问题解决。

5.设置半透明时，盒子中的元素全部半透明，未能实现任务要求中的背景半透明，按钮不透明。查阅资料后采用将background-color设置rgba解决（之前直接设置的opacity）。

6.看了师姐的点评，感觉自己对布局元素的理解还比较乱。。。代码也不够工整。明天重新调试任务六。

收获：

1.如何插入背景音乐；

 2.如何处理元素半透明；

 3.设置鼠标事件的方法；

4.重新理解bootstrap的栅格系统。