今天完成的事：

1.完成任务八、九

2.学会了轮播图的布置

明天的计划：

1.任务八还有几个细节部分需要精修，弄完提交审核

2.准备开始任务十学习

3.深度学习任务八的内容

遇到的问题：

1.任务八第三章的hover效果没出来，后来发现是我把hover后面加了绝对定位，没有把内容和hover分开

2.任务八第一章下面的文字，我加了hover效果，但是一旦鼠标触发，就会出现footer抖动的情况，是hover下面有1.2px的横线，解决办法是师兄给的点子，把文字外面加一圈白色的border，视觉上是看不到的，只要把hover下面的border-bottom变绿色就解决了

收获：

1.任务八第二章，有一个hover效果是文字和前面的小圆点一起变色，我一开始处理的方式是分开来渲染，这就导致了无法同时亮色，后来经过查询，可以通过::before伪元素—— :hover::before 来添加圆，然后渲染背景颜色，可以满足和字体一起hover变色的效果。但是注意，使用这个必须要加content"" 为空，还有绝对定位，不然无法做出圆形

2.注意bootstrap的命名，类名 

（1）container.learn .col-lg-3.col-md-6

（2）container.learn .col-lg-3 .col-md-6

这是两种意思，

（1）代表container learn 包含着 col-lg-3 col-md-6下面的内容

（2）代表container learn 包含着 col-lg-3下面的col-md-6下面的内容

任务八、九总结：