导航条

image.png

结构布局



  • 样式

    • ul
      • 高度宽度
      • 背景颜色
    • li
      • 开启左浮动
      • line-height与父元素高相同,使文字居中
    • a
      • 去下划线
      • 字体大小
      • a会继承父元素li的行高,但a为内联元素,需要转换为块元素宽高才能生效
      • 给a加padding,使各个元素拉开。通过在开发者工具中查看,到时还多少不够再调整总的宽度