今天完成的事：

今天完成了任务十的一半。

   任务十大概是HOVER效果用的最多的一个任务了，遇到的第一个问题这个效果完全是用HOVER效果重新给属性，重新给大小，因为他在正常状态下是处于这样的一个状态，但是给他系上HOVER之后，当鼠标放在上面的时候他会启用第二属性，从而造成这个效果。

这些都是给DIV高宽和边角和定位做出来的，把一个大的分成四个小的DIV来进行制作，最后把四个DIV连起来，就成了这个效果，最后再启用HOVER效果来完成这个任务十的UI图要求。

其中这个HOVER效果的启用遇到一个非常有趣的事情

我一开始设置的子父级，是把包裹在这个里面的，然后我下面的文字是在外面，当我启用HOVER之后，我设置的是

.c1:hover .c2{然后这个里面是代码}

.c1:hover.c3{然后里面是代码]

不知道为什么。这个写法没有效果，他没有办法一路启用下来，最后换了格式

.c1hover~.c3这个代码实现我的想法，但是又遇到了问题《hover》效果只能是父元素影响子元素，不能子元素影响父元素，

意思就是我不能把鼠标放在文字上，去影响上面的DIV，就不能完成我想要的任务效果。

最后没办法，换代码

直接以哪个最大的DIV为父元素，分别为子元素设置《hover》效果来完成我的效果。

一开始我是用

明天计划的事：

  继续完成任务十、

遇到的问题：

在第二个部分的时候启用HOVER效果之后，由于我是用把外边框设置成负数，来达到把四个DIV连起来的效果：

所以他的部分会造成重叠，在启用HOVER效果之后

他后面的一部分会被前面那一部分顶在前面，后面的那一部分高于前面，所以会早成一幅这样的情况。

收获：

   任务十完成了一半，巩固了以前的知识，对hover效果有了更深的了解。