今天完成的事情：把task6第一个页面重构。重新安装配置git。

明天计划的事情：不看之前的页面了，开始做任务7

遇到的问题：（遇到什么困难，怎么解决的）

Q1：如何添加音频？

A1：通过audio元素（具体使用方法见http://www.w3school.com.cn/tags/tag_audio.asp）

Q2：如何设置播放按钮？

A2：使用button标签和Mouse 事件中onclick属性。并写js实现音频的播放和停止。

Q3：歌曲路径和文件都ok，但是歌曲上传至服务器无法播放。

A3：修改歌曲命名为英文，修改html中歌曲路径歌曲的中文名为英文。成功播放，这是为啥？

收获：

链接的四种状态与区别：

:hover选择器用于选择鼠标指针浮动在上面的元素。悬浮，鼠标停在连接上的效果。

:link 选择器设置指向未被访问页面的链接的样式。未访问前的效果。

:visited 选择器用于设置指向已被访问的页面的链接。已访问后的效果。

:active 选择器用于活动链接。活动链接，鼠标点击那一刻的效果。

:hover在Chrome的F12调试过程中为点击才有效果。

设置圆角的三种形式区别：

border-radius：CSS3标签

-webkit-border-radius：苹果；谷歌，等一些浏览器认，因为他们都用的是webkit内核。

-moz-border-radius：moz这个属性 主要是专门支持Mozilla Firefox 火狐浏览器的CSS属性。

cursor: pointer; 光标呈现为指示链接的指针（一只手）

outline （轮廓）并非阴影，是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。轮廓线不会占据空间，也不一定是矩形。online:none;可以消除轮廓。

    今天和宇飞师兄聊了聊，他说任务10之后看源代码会学到很多东西，到时候我的代码会有更好更清晰的思路，所以我现在不急着改之前的代码了，现在赶紧做任务。等任务都做完了在回过头来把代码缕缕吧。

    成果展示为：task6的第一个页面。

    github在修复中就暂时不贴地址了。