今天完成的事：完成了第一个页面

 遇到的问题：1 audio标签

<audio>标签：用于在文档中表示音频内容。利用它，你可以在你的个人网站上放一首你喜欢的歌。

    <audio src="music.mp3"></audio>

用法很简单，跟<video>标签一样，属性src指定音频文件地址。

如果你仅仅这样写，页面上不会看到有明显的东西，<audio>标签默认是隐藏的。

对于不支持<audio>标签的浏览器，会把标签的文本内容显示出来。

为了方便我们对音频文件进行控制，操作它的进度、播放暂停、音量等等，我们可以给它添加controls属性

为了方便我们对音频文件进行控制，操作它的进度、播放暂停、音量等等，我们可以给它添加controls属性：

    <audio src="m.mp3" controls></audio>

用法跟<video>标签一样。对于加上了controls属性， 不同的浏览器会展示不同样式的控制面板

跟<video>标签一样，<audio>标签也有一个字标签：<source>。

它们的作用和用法都一样，就是用来引入多个音频，浏览器会选择一个支持的音频格式进行加载，对于不支持<audio>标签的浏览器，<source>元素也可以作为浏览器不识别的内容加入到文档中。

    <audio>
        <source src="music.mp3">
        <source src="music.ogg">
        <source src="music.wav">
    </audio>

autoplay属性：加载完成后，自动播放。也非常简单、使用。

   <audio src="m.mp3" autoplay></audio>

loop属性：顾名思义，循环播放。

    <audio src="m.mp3" loop></audio>

preload属性：用来控制音频在什么时候进行加载。

    <audio src="m.mp3" preload="auto"></audio>

对应的值有3种：

• none：默认不加载，等有需要的时候再加载。

• metadata：元数据，默认不加载，但是可以提取该音频的元数据信息。

• auto：自动加载，网页加载完就加载整个音频。

 muted属性：静音效果。

controls 属性规定浏览器应该为音频提供播放控件。

如果设置了该属性，则规定不存在作者设置的脚本控件。

浏览器控件应该包括：

• 播放
• 暂停
• 定位
• 音量
• 全屏切换
• 字幕（如果可用）
• 音轨（如果可用）

CSS3 transform是什么？

transform的含义是：改变，使…变形；转换

CSS3 transform都有哪些常用属性？

transform的属性包括：rotate() / skew() / scale() / translate(,) ，分别还有x、y之分，比如：rotatex() 和 rotatey() ，以此类推。

下面我们来分解各个属性的用法：

transform:rotate()：

含义：旋转；其中“deg”是“度”的意思，如“10deg”表示“10度”下同。

明天即系任务7