首先一级导航栏
分为三部分 整体用弹性布局display:flex;just-content:spance-between将三个部分平铺
第一部分最左边是一个img图片
第二部分是无序列表用ulli完成调节字体居中用text-align:center,
第三部分有两个层 第一个层是图片用span,图片的⚪边框是border-radius第二个层是由两个p标签组成,想距离左边图近可以调节margin-left
二级导航栏
运用嵌套ul li 写二级导航栏,然后要给二级导航栏默认隐藏
中间有个点是需要找图,运用偏移background-posistion属性
因为需要有移入一级导航栏下滑显示,移出二级导航栏时二级导航栏上滑隐藏的效果
所以运用jQuery的mouseerter移入mouseleave移出 slidedown下滑显示和sliedeup上滑隐藏来实现