今天完成的事情：今天做了任务7的三个页面，这三个页面基本上用的都是之前学习的内容，学习了一个新标签audio；版本选择下面的四个小点要求用css来写，我尝试了许多方法都没有成功，最后用了bootstrap的轮播来实现，不知道算不算是投机取巧，反正效果是一样。

明天计划的事情：明天继续完善任务7，如果还有时间开始学习任务8，最近有许多计划外的事情困扰了自己，进度有点变慢了，要加紧速度赶上。

遇到的问题：1学习audio标签的时候学习了它的属性，但是不知道怎样实现点击按钮开始播放音频，点击按钮暂停音频，上网查了资料发现需要使用js来实现这个功能，并没有搜索到CSS可以实现的方法，所以先照搬了代码，修改了一下实现按钮播放，以后再系统的学习JS；

2在写投票页面的时候，看PSD文件上每个投票框都是正方形，但是我尝试了很多方法都不能实现正方形div，粗略的查了资料似乎也要利用JS才能比较方便的实现div的height等于width属性，不知道CSS有什么方法可以实现这个功能。

3在投票页面每个玩家的方块上hover时出现四个选项，这个做法我参考了技能树里的热门参考

上面这段是超链接的文字部分，要注意的是其中的“menulayer_1”，这个可以自定义命名，一个超链接关联一个，不可重复。另外要注意的是“visibility='hidden'”，这个就是鼠标离开后，隐藏的层就会隐藏。

这个就是默认隐藏的层的内容，注意他的ID要和之前的代码相呼应。

尝试了一下并不能实现，不知道是哪里出了问题，经过上网查阅找到了更简便的方法，即visivility="hidden" div:hover {visibility="visible"}.

4今天做完三张页面的时候通过webstorm来push我的代码到github的时候死活push不成功了，不知道是为什么，百度了很久也没有找到答案，猜想是不是因为github被墙了的缘故，准备明天起床再试一次。

收获：通过今天的学习，学会了bootstrap里的栅格布局的应用，bootstrap真的非常的方便好用，以后一定要多用bootstrap，多记住些样式插件。

还学会了背景颜色的透明度调整，我应用的方法是rgba(*,*,*,0.7)  0.7是指70%透明度