- 标准盒模型
- 内边距
复合写法: padding:上 右 下 左; - 边框
border:粗细 样式 颜色;
样式: 直线 solid; 虚线 dashed; 点线 dotted; 双实线 double ;
立体 groove ; 隐藏 hidden ; 向内 inset ;
根据方向设置: border-top/left/right/bottom: 粗细 样式 颜色;
根据属性设置: border-width:粗细
border-style: 样式
border-color: 颜色
最分解 : border-top-width/color/style:… - transparent 透明
hidden 隐藏 - 怪异盒模型
- 怪异属性: 盒子尺寸
box-sizing: content-box是标准盒模型默认值
border-box是border+padding+content
padding-box是padding 和 content - 解决外边距合并
①父子元素合并
给父元素设一个padding或border
②兄弟元素合并
给兄弟设置margin