今天完成的事情：

1、结束页完成。

2、半透明fooder完成。

精神有点恍惚，没办法集中注意力，早点休息，尽快调整过来。

明天的计划：

1、今天弄了很久，没实现。明天完成点击插入音频吧。

2、调试页面，给页面增加跳转链接。

遇到的困难：

1、插入audio。

插好了，它显示的只是一个播放器

试着缩放它变成了一坨，但没办法藏在里面，只是和图标挤在一起。

后来又试了一种方法，不过点击时会挑出另一个音频播放的页面。

感觉在网上没搜到audio隐藏在图标里面的方法····  信息很少。明天再试试实在不行考虑用js 组件。

2、透明栏。

opacity属性可以从1~0 不断增强透明值。但是父元素底下的属性全部会变成透明值，但任务要求按钮要做成不是透明的。

呃呃，怎么办呢？

后来想了一下，做两个盒子，第一个是有opacity属性的大背景盒子，第二个是没有任何属性包裹里面两个按钮的空盒子，形状大小一致，叠层在一起就行了。

收获：

1、pacity(透明度)属性设置。

opacity:是属性，整个元素包含子元素全部都会透明，取值范围0-1;

background-color：rgba（0,0,0，.5）rgba是值，用于背景，取值范围0-1。

补充：a-alpha=透明度通道。

2、HTML+CSS段落样式排版设置。

①遇到网页段落文字需要首行缩进两个字符时，为了方便，有时我们可以选择利用多个空格符（ ）来实现。但是当网页内容需要更新或者网页段落较多时，我们再利用空格符来对每一段落进行缩进显然是不方便的，所以我们需要为网页文字设置好对应的样式和排版。

②<p>标签定义段落，在<p>标签中输入段落，默认情况下，浏览器会根据其所在块的宽度来规定<p>标签中可以输入多少字符后自动换行显示。

③<pre>元素是可定义预格式化的文本，在里面的文本不论是空格还是换行都会全部保留，文本也会呈现等宽字体。这个标签适合于用在对大篇幅已经写好的，并且希望保留其排版样式的文章进行导入的情况下使用。（我用的就是这个，编辑大段文字很方便）

④<blockquote>标签会在段落的两边进行缩进。

⑤在样式表中对对应标签或者块中的文字进行排版，使用 text-indent：XX; 

1）text-indent: 后边可以跟着的是需要的像素，比如，段落中的所有文字都是12px的，那么为了实现首行缩进两个字符的话，我们可以在text-indent:后面填写24px（一个字符为12px，两个字符即为24px）。

2）text-indent: 在大多数情况下，我们经常要对一个网页进行更新修改，所有我们可能会修改文字的大小，这时候如果再用text-indent: 加像素的方式来缩进的话，很显然也是不方便的(⊙o⊙)嗯。所以我们有一个比较简单又方便的写法，在text-indent: 的后面加上 2em，2em代表的就是2个字符的意思，建议以后网页段落中都使用这一种方式进行缩进。

3、audio 相关的 api。

audio src=”音频的地址”>备用（当浏览器不支持audio时显示的内容）</audio>。

控制函数功能说明

• load()   加载音频、视频软件，通常不必调用，除非是动态生成的元素，用来在播放前预加载。
• play()    加载并播放音频、视频文件，除非文件已经暂停在其他位置，否则默认重头开始播放。
• pause() 暂停处于播放状态的音频、视频文件。
• 
  

audio 的只读媒体特性有：

只读属性属性说明

• duration   获取媒体文件的播放时长，以s为单位，如果无法获取，则为NaN。
• paused     如果媒体文件被暂停，则返回true，否则返回false。
• ended       如果媒体文件播放完毕，则返回true。
• startTime  返回起始播放时间，一般是0.0，除非是缓冲过的媒体文件，并一部分内容已经不在缓冲区。
• error          在发生了错误后返回的错误代码。
• currentSrc  以字符串形式返回正在播放或已加载的文件，对应于浏览器在source元素中选择的文件。

audio 可脚本控制的特性值：

• autoplay       自动播放已经加载的的媒体文件，或查询是否已设置为autoplay。
• loop              将媒体文件设置为循环播放，或查询是否已设置为loop。
• currentTime 以s为单位返回从开始播放到目前所花的时间，也可设置currentTime的值来跳转到特定位置。
• controls        显示或者隐藏用户控制界面。
  
• volume         在0.0到1.0间设置音量值,或查询当前音量值。
• muted           设置是否静音。
• autobuffer     媒体文件播放前是否进行缓冲加载，如果设置了autoplay，则忽略此特性。

进度：task7

任务开始时间：2018.5.14

预计结束时间：2018.5.15

是否有延期风险：延期一天

禅道：http://task.jnshu.com/zentao/project-task-684.html