今天完成的事情：

完成任务6，开始任务7

1学习新的标签 HTML <audio>

用于在文档中表示音频内容。 <audio> 元素可以包含多个音频资源， 这些音频资源可以使用 src 属性或者<source> 元素来进行描述； 浏览器将会选择最合适的一个来使用。

该元素包含 全局属性。

autoplay布尔属性；如果指定（默认值为"false"！）；指定后，音频会马上自动开始播放，不会停下来等着数据载入结束。

buffered你可以通过该属性获取已缓冲的资源的时间段信息。该属性包含一个 TimeRanges 对象。

controls如果设置了该属性，浏览器将提供一个包含声音，播放进度，播放暂停的控制面板，让用户可以控制音频的播放。

loop布尔属性；如果指定，将循环播放音频。

muted表示是否静音的布尔值。默认值为false，表示有声音。

played一个TimeRanges 对象，表示所有已播放的音频片段。

autoplay 属性优先于 preload 假如用户想自动播放视频，那么很明显浏览器需要下载视频。同时设置autoplay 和 preload属性在规范里是允许的。volume音频播放的音量。值从0.0 (无声) 到 1.0 (最大声).

preload 属性是用来缓存大体积文件的。它有三个可选值：

 "none" 不缓存  "auto" 缓存 "metadata" 只缓存文件元信息

2半透明

opacity属性的值规定透明度。从 0.0 （完全透明）到 1.0（完全不透明）。设置opacity元素的所有后代元素会随着一起具有透明性，一般用于调整图片或者模块的整体不透明度。gba用于设置颜色的透明度，参数是rgba(red, green, blue, alpha) alpha的取值从 0（完全透明） 到 1（完全不透明）。

3  display和visiblity的区别

display通常可以设置为none、inline、block

visibility通常可以设置为hidden、visible

当display为none，visibility为hidden时，元素都会不见。不过其还有不同之处。display会将元素隐藏掉，并且位置不再被占据，而visibility则是占据原来的位置。

明天计划的事情：

继续任务7

学习css3动画

遇到的问题：

任务6做的比较顺利，没有遇到很大的困难

收获：

随着页面的复杂，需要学习的东西还很多，经常思索实现类似效果的不同属性的区别点在哪里。