今天完成的事情：今天上午的话在结解决导航栏下拉动画的问题，但是上午的话依然没有解决。自己从网上找的效果大部分都是hover效果，改成checked的话点击的话就无效了。想师兄们请教了下但是问题的话依然没有解决。下午的话讲解了下小课堂。晚上的话听大师兄讲解了下transition的属性。正好是今天导航栏下拉动画所遇到的

明天计划的事情： 明天的话结合今晚大师兄对于transition动画的讲解，解决导航栏下拉动画的问题
遇到的问题： 

     1，导航栏的问题

               ，这个问题自己网上尝试找了好几个网站的距离，列入这个网站演示的效果（https://www.html5tricks.com/demo/pure-css3-dropdown-menu/index.html）  。其中演示了很多的导航栏下拉效果。代码结构的话是UI标签里面嵌套li标签。代码如图所示

1.    height: 0;
2.    -webkit-transition: height 200ms ease-in;
3.    -moz-transition: height 200ms ease-in;
4.    -o-transition: height 200ms ease-in;
5.    transition: height 200ms ease-in;

是先把高度设置为0，然后在进行transitions设置的时候先把高度设置为0.然后添加200ms的动画效果。但是在自己的导航栏上尝试的话没有效果。自己的 导航栏结构如下。

，四个下拉内容的都在 nav-item 里面。自己分别尝试了在li标签和ul标签以及最外面的div设置动画效果依然没有产生效果。晚上的话自己在网上又查找了下transitions属性失效的原因，上面所说的是与display属性有冲突，这一点自己明天尝试一下看能不能解决这个问题。

收获： 今天的最大收获应该是晚上大师兄对于transitions属性的讲解了，虽然说css任务就要做完了，但是对于这个属性自己依然不是很了解。处于半知半解的状态。但是今天晚上的话自己通过大师兄的讲解了解了这个属性，包括其属性的默认值，以及其中的动画速率，时间，延迟等。虽然这个目前来说的话用到的较少，但是对于这个解决盗汗栏的问题应该是有很大帮助的。明天的话尽量解决导航栏这个问题