今天完成的事情：

1.做了任务7的第二个图，

2.任务7一共有3个界面，一界面二界面大致完成，细节需要完善。二图中间的方块有鼠标悬停出现隐藏内容的要求。

明天计划的事情：

1.做任务7的第三个界面，然后把三个界面都链接起来，实现三个页面间的点击跳转。

2.完善细节，目前是想把应该点击的部分都做成了按钮，代码写的有点长。

遇到的问题：

1.一图的黄色箭头尝试用了iconfont，不过始终没对齐。想法是在中间日服栏放入黄色箭头，使用浮动，不过莫得效果。

2.二图此处应该是应用audio音频播放功能

但这个指令不太清楚怎么用，强行把它放在按钮里是这种效果

暂时不知道怎么用和修改样式，百度还没查到，明天再研究研究。

3.中间白色横幅部分的颜色似乎和UI图不一致，尤其是播放图标颜色很浅，用了opacity：1之后也是这样。两个颜色层叠加会出现这种效果？问题遗留下，明日解决掉。

3.二图中间方块部分是需要一个鼠标悬停效果的，鼠标移动到图标上，自动出现被隐藏的四个小图标。此处会用到hover指令，鼠标移动到A元素时，隐藏的B元素显示出来。方法是A和B元素有一个相同的父级，A元素平时显示，B元素平时隐藏，display=none。使用

.father:hover .b { display:block }

即可实现。不过如果这种小块很多的话是要一个个写很多？

收获：

1.引用雪碧图更加熟练，记得标明图片尺寸。

2.bootstrap引用的按钮样式很好用，避免自己去写各种css样式，但关于其细节尺寸等需要自己来调整。

3.初步实现了hover鼠标悬停，手机端在浏览器模拟似乎触碰后隐藏图标会一直显示，网页端一旦一开鼠标图标就会消失。

4.引用的下拉菜单使用上熟练了一些，需要再加强练习。

5.加油。