动画并不难，重要的是把基础知识夯实，然后夯成墙。
使用的标签有：nav ul li span a
使用的属性有：background-color height float:left margin-top padding hover transition ease-in-out display:block overflow:hidden line-height
利用块元素独立成行的特点把a和span升级，在li中就会一个个的竖着排列，加上float就会达到一个妙用a飘在一起span飘在一起，因为li要飘所以，设定ul的高度，为了使用overflow达到效果将a和span都设定成固定宽度，让一类元素把另一类挤出去。还有一妙用就是margin使用负值而不是display:none这样写简化了这个过程。