今日所做：

1.修改之前任务7的点击图片实现控制audio播放与暂停的功能而且鼠标放在上面箭头变成小手，

css貌似是无法实现的，所以使用了js，用一个图片代替播放按钮，然后给图片设置onclick事件，

链接到audio方法中的播放与暂停，其中需要使用if选择语句

2.用css制作轮播图，需要用到animation以及@keyframe：

animation用来设定需要设置动画效果的div的名字和播放动画所需的时间以及动画的运动形式等等，

@keyframe用来设定动画的变化过程；个人总结制作轮播图的关键在于对图片宽度的设定以及对定位

属性的使用，任务中轮播图中每张图片都要占整个屏幕宽度，那每个图片的宽度都要设为百分百，而

为了图片不会受到挤压，因此定位要用position：absolute；

3.学习断点调试，但是用的还不熟练，js第一个任务运行的过程中有行代码时不时会出点问题，导致三个格子的变化

很不稳定，但不明白原因是什么

4.尝试做响应式导航栏，不知道为什么下拉菜单明明是块状元素，没有设置浮动或者position：absolute

，但是不能把底下的div顶下去

明日计划：
继续学习js知识，接着做响应式导航栏

遇到的问题：

js的任务不知道格子颜色变化不稳定的原因，不知道如何调试

css中设置媒体查询，某些元素发生位置的变化时，有时候会发生与其他元素的覆盖现象，但不知道谁在上面，谁被覆盖了，这里面的

规则是什么？而且都是块级元素，为什么会发生覆盖呢