今天完成的事情：

今天完成了任务7的第二个页面。

明天计划的事情:

继续任务7

遇到的问题：

音乐无法播放。

收获：

通过做任务7学习了如何设置不透明度

学习了半透明标签的编写方式：

1. 使用rgba形式:

rgba共有4个值，前三个表示红绿蓝颜色的数值，最后一位是alpha值，代表透明度，取值范围从0~1

2. 使用opacity属性，取值范围从0~1，默认为1

区别：

采用rbga的形式设置的元素的后代不会继承该属性

才要那个opacity设置的元素后代会继承该属性，意味着文字和背景都会收到影响

学习深度思考：

display和visibility有什么区别？

主要在于visibility:hidden占据空间，无法点击，另一个display:none;不占据空间，无法点击。有一句话是这么说的，display：none会真的把你弄没，而visibility：hidden则仅仅是为你披上一件隐身衣而已，你还在原来的地方呆着。设置透明值(opcity)，占据空间，可以点击。 该方法并非真正意义上的隐藏，只是将元素设为透明，但是只适用于文字类的元素，不适用于input，因为即使看不到，可以点击相应input。

对比总结： display:none是个相当惨无人道的声明，子孙后代全部搞死（株连性），而且连块安葬的地方都不留（不留空间），导致全体民众哗然（渲染与回流）。 visibility:hidden则具有人道主义关怀，虽然不得已搞死子孙，但是子孙可以通过一定手段避免（伪株连性），而且死后全尸，墓地俱全（占据空间），国内民众比较淡然（无渲染与回流）。