今天完成的事情：

写完了第2个页面，主要是之前没有做那个播放音乐的效果，现在重新做了一下，之前把任务整个重新做了一遍。
明天计划的事情：

明天提交任务13，做完任务13.

遇到的问题：

播放音乐的问题，我用百度的方法，之前因为不知道怎么做那个东西，之前在做任务7的时候用了播放器，但是隐藏掉就不会做了，可能因为自己基础差什么都不会，现在再去做就有很多办法，比如运用绝对定位，给body一个相对定位，然后绝对定位它，可以让他固定在哪里，然后把他超出部分隐藏掉，把他本身隐藏掉

.speak {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
  height: $size;
  margin-top: $size;
  padding: 0 ($size/2) 0 ($size/2);
  font-size: ($font*0.8);
  background-color: #b9e9f5;
  audio {
    opacity: 0;
    position: absolute;
    right: -245px;
  }

用opacity这个元素，可以把它隐藏掉，但不会消失，这样就会在点击，就可以播放音乐，还有就是旋转，让播放器旋转，播放位置到那个图片上，

transform:rotate(9deg);

-ms-transform:rotate(9deg); /* Internet Explorer */

-moz-transform:rotate(9deg); /* Firefox */

-webkit-transform:rotate(9deg); /* Safari 和 Chrome */

-o-transform:rotate(9deg); /* Opera */

用这个元素就可以让他旋转

还有就是

出现了莫名其妙的白色，而且是在整个html下面，没有解决，找不到是什么问题可能是我下面底部固定，在整个视窗，而不是相对于html。

收获：

做完了2个页面，重新做发现以前做的有很多不足，而且有一些以前做过的也忘了。重新温习了一下。