一级导航和二级导航颜色深度不一样
Nav包含一个nav第一个nav是一级导航
一级导航分为三个部分,左面的logo,右面的登录,中间的列表
Rgba调节颜色和透明度
第一部分div里面一个img放logo图片,调整图片左边距和上边距
第二部分 无序列表ul li 里面两个p标签不同的样式
Ul给弹性布局,使li平铺
Li给伪类选择器,给移入移除效果,移入li变色
- 分为左右两个部分,左边div里面一个图片,右边一个div里面两个p标签
给左边图片设置一个border-radius和border颜色实线,实现图片外边的圆圈
再设置两个p标签的样式
二级导航
布局为ul,li嵌套ul,li,其中两个li有span要添加图标
先给二级导航的nav背景颜色,透明度,然后隐藏二级导航
再给个二级导航下的第一个ul设置宽,左边距和弹性布局,让ul下面的li平铺
再给ul下面的li设置取消固定样式,宽和居中对齐
再设置ul,li里面的ul,li的字体颜色,字体大小,和行高
最后设置两个特殊span的固定样式,宽高,垂直对齐,背景图片,然后剪切需要的图片大小,调整位置