盒子的制作
1.盒子宽高不能纠结,允许1~2px误差
2.字体大小不能纠结,允许1~2px误差
3.颜色拾取不能纠结,允许#值误差
4.写盒子的顺序
1)从外到内,从上到下,先总体后细节
设置盒子宽高(宽有时不设)设置一个辅助背景颜色后面注释删除掉以便于观察,
2)设置 box-sizing:border-box,设置自动内减少
3)边框部分:margin → border → padding
4)background 部分
5)再到内容部分:front(连写包括line-height) → color → text
利用列表标签设计导航
1清除列表样式
2.给ul设置宽度
3给li元素设置浮动效果
(在给li元素设置样式的时候不用设置宽高,给a设置宽高让内容撑大li,这样也可以方便调节a标签的text属性)
4.设置a标签的显示方式(disply:inline-block)
5设置a标签盒子
6设置链接伪类属性