1CSS特性
1.3优先级
1.4权重叠加计算
2Chrome调试工具
2.1查错流程
3CSS盒子模型
3.1内容的宽度和高度
3.2边框(border)-连写形式
solid---实线 dashed---虚线 dotted---点线
3.3边框(border)-单方向设置
3.4边框(border)-单个属性
3.5新浪导航案例
从外到内:先宽高背景色,放内容,调节内容的位置,控制文字细节
3.6盒子模型:自动内减
3.7清除默认内外边框
3.8外边距折叠现象 - note1:合并现象
![](/i/l/?n=23&i=blog/3075215/202301/3075215-20230117160514346-744647440.png)
![](/i/l/?n=23&i=blog/3075215/202301/3075215-20230117161039329-1938709704.png)
![](/i/l/?n=23&i=blog/3075215/202301/3075215-20230117163012004-1866767743.png)
![](/i/l/?n=23&i=blog/3075215/202301/3075215-20230117164203737-981514005.png)
![](/i/l/?n=23&i=blog/3075215/202301/3075215-20230117165522850-25422788.png)
![](/i/l/?n=23&i=blog/3075215/202301/3075215-20230117194500982-575520992.png)
![](/i/l/?n=23&i=blog/3075215/202301/3075215-20230117194634695-2091602978.png)
标签:中知,浮动,盒子,边框,---,border,CSS From: https://www.cnblogs.com/liu88/p/17056297.html