2021-10-31

盒子:边框 实际内容 外边距 内边距
设置边框用 border
边框组成:宽度（width）边框样式（solid实线）（dashed虚线）边框颜色（color）

   复合写法:

给表格设置边框

边框会影响盒子大小故测量边框时不测边框
padding内边距
padding-left/right/top/bottom
单位为px
复合写法
padding : 1px; 一个值代表上下左右都有1像素内边距
两个值指上下 左右
三个值指 上 左右 下
四个值指 上 右 下 左
padding影响盒子实际大小
外边距:用于设置盒子与盒子之间的距离
margin-left/right/top/bottom
简写与padding一致
外边距合并
div margin-bottom: 20px;
div margin-top: 10px;
两个盒子之间的距离相距20像素(取最大值）
清除内外边距
星号 {
padding: 0;
margin: 0;
}
块级盒子居中
注意:盒子必须指定宽度
盒子外边距设置为auto
margin: 0 auto;