今天完成的事情： 

1.完成任务八第二图

明天计划的事情：

1.完成任务八

遇到的问题：

 1. 给任务八的表格上，给table设置relative，放块元素设置absolute，发现块元素不是基于table定位的

     1.1 在网页上按f2查看后发现，他们是同级，询问师兄后发现，是因为table中不能直接放其他元素，放了也会

       失效，会成同级关系

 2. 给table设置hover效果后，鼠标悬浮上去后悬浮的图会一直闪烁

     2.1 询问师兄后了解到是因为层级的关系，两个要是同级关系，一样大小的话，会闪烁，因为同级，刚放上去

          的时候鼠标是在设置hover的那个块上面，而马上因为hove的效果，原本那个显示无的就会显示，这时候鼠

          标就是在刚显示的那个上面，因为鼠标没在设置hover的上面，又会马上消失，而这时鼠标就又在设置hover

          的那个上面，就会这样一直循环，导致了闪烁，父级关系就不会，因为鼠标在子元素上也就相当于在父元素

         上。

  3. 给文字后添加图片的时候，发现他们并不对齐，设置vertical-align：middle，也无法起作用，中间也没有空格

     或回车这样的空白节点

     3.1 询问师兄查找资料后发现是因为他们的对准基线不一样，除了可以设置之前说过的font-size为0，还可以用

           vertical-align：px ；来进行微调，更加方便

收获：

  解决了任务过程中的问题，对hover效果的实现，运用，有了更深入的了解，同时因为做任务，也学习到了过渡效果，首先给元素设置过渡的时间transition，长度或宽度（可选），然后给他设置hover效果，transform后面设置需要的效果，旋转角度，长度或宽度等