今天完成的事情：基本完成了任务八九。

明天计划的事情：准备小课堂，进行任务八九的的深度思考。

 
遇到的问题：修改了众多小bug：

1、在屏幕缩小到768px之下的时候，了<li>的点点会消失，给<li>设置了

但是没有效果，而且在开发者模式里也没有见到list-style：none，一直以为是浏览器出现了玄学类的bug，直到在一次偶然操作的时候，发现设置了display：inline-block的<li>的点点消失了，后来进行其它尝试，设置display：block与display:inline的情况下都会让<li>的小点点强制消除，且除了删掉display属性，不能通过其它操作让小点点回归。

2、这是我给父级设置了display:flex的justify-content:space-between之后，子级的效果，

，不能够紧靠着边框，没有任何padding，margin，不知道为什么会这样，师兄也不知道为什么，但给我提供了另外一条路，可以给子级设置这个属性，

第一个1代表着当主轴有空余空间时自动填充，0就是不填充，第二个0代表在交叉轴上不自动填充，20%是给每个盒子设置的宽度。但是在缩小至换行的时候又会出现另外一个问题，因为是五个图片，两个一行排列，有一个图片会单独占一行，而它因为flex属性会自动充满一行，在做hover时不美观，当时的解决方法是给它换了另外一个类名，在缩小到换行时取消flex属性，并且设置和以上图片相同的宽度。这样其实挺麻烦的，我在写日报的时候有了另外一个想法，可以直接在flex里面下手啊，把主轴的“1”换成“0”，并且把20%替换成50%应该也可以吧？

收获：收获很多，最重要的基本上都在上面了。