今天完成的事情：

1.写了三分之一任务十。

明天计划的事情：

请假

遇到的问题：

1.没什么大问题。bootstrap用起来有点麻烦。任务十写了一点又决定不用bootstrap了。

收获：

1.

像这样的导航栏，li中字数不一致。而我们需要一个大小合适的框包住里面的字。

如果设置li的宽度相等是无法实现这样的效果的。

这种情况要给a标签设置padding把border撑起来。这样框的大小就可以随着字数变化了。

2.学会使用伪元素first child。

为了保证li之间的距离我们会给li设置左右margin。

但是需要最后一个li与上下端对齐就不能有margin了。如果单独给最后一个li设置一个类有点麻烦。这时候就需要意思是，ul第一个子元素下的a标签。右margin为0；效果如图                                           

3.学会使用label和input模拟下拉菜单。

在button里面加入label for “boom”。配合

意思是点击这个label就相当于点击了input的内容。可以理解label是工具的开关，input是工具。

赋予input工具的功能是掌控nav2的display。

这样就可以通过点击label控制nav2的出现与否。

（CheckBox意思为多选项，多选项点击第一次为选择，第二次为取消，单选项都为选择）

最后把这个多选框取消显示。就可以通过label遥控了。

4.看了一下过渡属性。transition。后面可以添加css属性。例如width。color。background-color。

font-size。然后跟上过渡完成的时间。

意思为鼠标悬浮时字体变为金色需要1秒钟。和动画的区别是，动画可以逐帧控制变化，更为复杂和精准。

目前用的还比较少，需要继续探究。