【今天完成的事情】

1.完成了任务7所有的页面

2.学会了怎么只用CSS实现点击音频播放

3.学会了hover

4.没有了

【收获】

1.学会了怎么只用CSS实现点击音频播放

<div class="video"><audio src="财富自由.mp3"  controls="controls"></audio></div>

.video{

display: inline-block;

background: url(images/2_07.png) no-repeat;

background-size: 2.7rem;

position: absolute;

margin-top: calc(-4vh - 1.35rem);

margin-left:90vw;

}

audio{

opacity: 0;

width: 64px;

height:50px;

float: right;

}

将背景设置成按钮图案，然后将audio宽高设置成合适的宽高并隐藏，最终实现的表面效果便是点击实现播放（其实是点击了播放键）

2.学会了怎么实现了这个效果

子{

  display:none;

}

父:hover 子{

  display:block;

}

或者

子{

 opacity:0;

}

父:hover 子{

 opacity:1;

}

或者

子{

visibility:hidden;

}

父:hover 子{

 visibility:visible;

}

【遇到的问题】

遇到的问题都解决了变成【收获】

【明天计划的事情】

1.开始着手任务8 

今天课太多了，没时间做任务，所以日报也只写了这么点太困了，晚安(￣o￣) . z Z