今天完成的事情：（一定要写非常细致的内容，比如说学会了盒子模型，了解了Margin） 

完成任务7

明天计划的事情：（一定要写非常细致的内容） 

1. 1.任务8基本框架
2. 2.熟悉轮播图
   

遇到的问题：（遇到什么困难，怎么解决的） 

1. 1.点击图片播放暂停音乐

2. JS部分
   

3. function autoPlay() {
       var playM = document.getElementById("bgMusic");
       if (playM.paused) {
           playM.play();
       } else {
           playM.pause();
       }
   }

   HTML

4. <img src="images/play.png" class="playMusic" id="music_btn" onclick="autoPlay()">
   <!--<button class="playMusic" id="music_btn" onclick="autoPlay()"></button>-->
   <audio id="bgMusic" src="1.mp3" loop="loop">
   </audio>

   2.投票界面框框，还有hover的问题

5. .box:hover .vote_3{
       display: flex!important;
   }

   其实这个是通过师兄的日报偷到的，一开始我没设置出来效果，真的坑！

6. 另外就是四个小图的问题

7. 

   

   这里就有个问题屏幕过小的时候就很糟糕了，我是把4个图分别设置的，看了师兄的是直接一张图，但我想以后这肯定是分别触发的，这个也拖延一下解决吧

8. 4.结果页footer透明的问题

9. 如果是设置直接设置backgrund: #XXXXX;opacity：0.6，但他是根据父元素设的，会连带子元素一起透明。如果不想影响到子元素应该单独在background：rgb(XXX,XXX,XXX,透明度（0~1）)；这样就解决了！

10. 
    

收获：（通过今天的学习，学到了什么知识

有一些bootstrap类挺好用的