今天完成的事情：

1.任务七三个界面如下：

明天计划的事情：

1.把三个界面链接起来。做到相互跳转。把二图的播放器功能加上。。

2.规范代码，理解指令，如下拉菜单的指令。

3.如有余力则继续推进任务。

遇到的问题：

1.三图最下面两个按钮的父项背景色为半透明，opacity=0.5，不过出现的问题是子项也会继承这个半透明属性，表现效果如下：

后面百度到一个新方法，使用rgba（xxx,xxx,xxx）命令来表现颜色，这个指令作用于父项而不会继承。如背景色代码  #29BDE0，透明度0.5，转换成rgba（41,189,224,0.5），其中括号内0.5就是透明度。最终效果：

颜色代码和rgba转换的网址：

https://c.runoob.com/front-end/55

2.关于播放器功能，用了audio指令，但不知道这个代码怎么编辑样式，改了宽度和高度后会出现无法播放的情况。目前的想法是把它隐含在播放图标里，点击播放，再点击暂停。

也有了解到用embed指令，但还不太清楚具体怎么使用。

3.文本修剪命令很好用，再写一次。

white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

4.图一的小黄箭头应该是要固定到界面的。现在是放在了 日服 这个按钮旁边。不过好像弄复杂了，应该能直接放外面。

收获：

1.RGBA(R,G,B,A)

通过代码转换可以得出相应的R,G,B的数值。这样使用半透明的时候，子项就不会去继承半透明属性。

2.使用bootstrap时，比如用按钮，通过F12可以很直观看出要修改的细节部分。善用F12.

3.其余暂时没有太多新收获，布局这三张图花的时间比较多，还需要多去理解。