今天完成的事情：

       今天我写完了任务八的内部推荐图，这个图相对来说还是比较容易的，头部和尾部也可以用前一张图的，所以还是就中间排好就可以了。

       首先就是昨天做的hover效果没做，鼠标滑过换颜色这个，由于之前也做过hover效果所以不是很难，难就难在父元素和子元素一起生效，因为上次格式不是这样写的所以费了一番功夫，后来经过张嘉豪师兄的点拨下才写出了这个代码

.body-a a:hover {
text-decoration:none;
   color: #ff650e;

      以前我不知道原来hover效果还是可以hover标签的， 这个图用到的a标签就两个地方，所以说如果下次一个标签如果比较多的话就不可以hover标签了。

       然后就是下午写第三张图的时候需要用到网格布局，这个东西比较新，之前也没接触过，然后开始看文档，首先在网站上找文档的时候看到阮一峰写的，那他是大神咱自然是先看看他的啦，不得不说内容翔实，，然后特别详细，举了很多例子，是质量非常高的文章，但是对我来说看的太多反而比较懵。。。然后看了刘超师兄以前给我的那个文章，看了十分钟大致也了解了，比较短小精悍通俗易懂，这个适合我。。。

      CSS Grid 布局由两个核心组成部分是 wrapper（父元素）和 items（子元素）。 wrapper 是实际的 grid(网格)，items 是 grid(网格) 内的内容。

然后是用

1.    grid-column-start: 
2.    grid-column-end: 
3.    grid-row-start: 
4.    grid-row-end: 

来分份就可以了。

明天计划的事情：

明天计划提交并完成任务八，开始写任务九的页面。

遇到的问题：

问题和解决方法就写上面去了。 

收获：

对hover的用法多了一个理解。

学会了网格布局。