【web——css开发学习路1.0】

盒子的制作
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设置链接伪类属性