盒模型

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