今天完成的事情：（一定要写非常细致的内容，比如说学会了盒子模型，了解了Margin）

1、今天开始任务10的头部header代码编写。

     写头部其实还好，前面任务89很熟悉了，就是这里要写一个hover效果的，我是想写成这种效果的如图：

两种是可以交叉覆盖的，这里应该会应用到一个负margin的值，但是我设置没有用，这个地方任务6的时候做过，但是感觉又有点搞不明白了，之前是用的button来写的，现在是用的p标签来的，所以为了撑开空间我用了padding。

p标签是两个单独的块级元素，相当于两个单独的盒子，为什么我在这里设置负margin值没有效果呢？

目前写出来的效果如图：  

 2、完成了header头部的编写和汉堡菜单下拉的效果。

       这里也有一个汉堡菜单，但是样式和任务8.9是不一样的，同样我先去去找的组件，然后把不需要的删掉，这里我才知道原来bootstrap的库是什么，只要是写出相应的类名，例如nav是导航栏，btn是按钮，dropdown是下拉菜单，库里有写好的样式不需要自己在写样式，只是修改下它写的样式变成自己想要的，很神奇，能理解之前师兄说的修改样式比自己写要轻松的多。所以写这里的时候并没有耗费很长时间。

明天计划的事情：（一定要写非常细致的内容）

1、完成任务8-9的任务总结和个人脑图，提交wiki。

2、继续完成任务10中的main主体代码的编写。

遇到的问题：（遇到什么困难，怎么解决的）

这是鼠标按着不动显示的背景色，这是松开鼠标后的背景色，所以在鼠标点击的时候会有这个灰色背景色跳动，看着很难受，这是什么原因呢？不是已经覆盖掉了吗？

2是原本自带的focus属性。

收获：（通过今天的学习，学到了什么知识）

这次的下拉菜单样式和任务8-9不一样，任务10没要求自己写汉堡菜单，所以引用汉堡菜单真的轻松很多，理解了bootstrap的库。