今天完成的事情：

今天改正了任务六遗留的bug

任务七完成任务页面一部分的布局

学习了CSS类：

  结构伪类选择器（包括:first-child，:last-child，：nth-child(num)） 

  动态伪类选择器（用于设计鼠标点击时产生的各种样式）

  的用法

以前对透明度的调整只知道RGBA，这次新知道个标签opacity，代表的是不透明属性。

RGBA与opacity的区别在于RGBA不会被继承，而opacity会。且用RGBA还需设计颜色，比较麻烦。

明天计划的事情：

继续做任务七

吧页面一布局完成

遇到的问题：

一个是PC端浏览器模拟手机正常到手机端背景图片就会产生偏差。可以加大包裹他的盒子的外边距来解决（虽然视觉上是调整了，但是位移还是实质的产生了）。

二个是下部按钮背景图片也会产生位移，用background-size：cover；来解决。

收获：

任务7需要掌握的3个技能：CSS伪类、audio、透明属性

CSS伪类

基本选择器

层次选择器

属性选择器

伪类：

结构伪类选择器 

动态伪类选择器(此次任务主要掌握以上两个)

元素状态选择器

目标伪类选择器

语言伪类选择器

audio

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

autoplay如果出现该属性，则音频在就绪后马上播放

controls如果出现该属性，则向用户显示控件，比如播放按钮

loop如果出现该属性，则每当音频结束时重新开始播放

src 要播放的音频的url

preload 音频在页面加载时进行加载，并预备播放。

此次任务需要把音频放在一个按钮中，但是光靠CSS是无法达到的。

透明

RGBA

R：红色值。正整数丨百分数

G：绿色值。正整数丨百分数

B：蓝色值。正整数丨百分数

A：透明度。alpha参数是介于0.0（完全透明）与1.0（完全不透明）的数字。

opacity不透明

会继承父元素的opacity属性。而RGBA设置的元素的后代元素不会继承不透明属性

取值说明：value不透明度，从0.0（完全透明）到1.0（完全不透明）。

.opacity-box{

width:100px;

height:100px;

background:#ccc;

opacity:0.5;

}

audio的路径属性跟image一样。路径的选择记不太清又学习了遍。

从文件出发，向上一级照图片。

若图片就在父级文件夹中，则可以<img src="../图片名"

若图片在另一个文件夹中，依然是从文件出发照图片，<img src="/..（文件向上一级跳就用两个小点代替）/另一个文件夹名字/图片名字/">

看了下任务要求，需要三个页面进行跳转，网上查了下跳转的方法，都需要用到JS。

目前自己想到能用的就只有用<a>标签，3个页面分别创建3个本地文件，然后每个页面用<a>标签联系起来。

进度：task7

任务开始时间：2018.5.15

预计结束时间：2018.5.20

是否有延期风险：有

禅道：