css盒子模型

我们可以把css看成是个盒子

一个盒子是由以下部分构成：
1.盒子中的内容content
2.盒子的边框border
3.盒子边框与内容之间的距离，称为填充–padding内边距（内补丁）
4.多个盒子存在，盒子与盒子之间的边距，称为边界–margin外边距（外补丁）

盒子实际的宽度=左右边界+左右边距+左右内填充+内容高度

css盒子的相关属性
1.内容属性，宽width，高height
2.内填充属性，内容与边界之间的距离–padding
所以定义盒子的宽度时要考虑到，内填充.边框.边界的存在
如果，增加了内填充，整个盒子宽度值，要再减区你增加的内填充值

如果是四个参数都有，表示，上 右 下 左 就是一个顺时针方向
例如：{padding:10px 0 0 30px;}
如果只有一个参数时，表示，上 右 下 左 四个方向 例如：{padding:15px}
如果有两个参数时，表示，上下 左右 例如：{padding:15px 30px}
如果有三个参数时，表示，上 左右 下 例如：padding:15px 30px 100px

  使用外边距，要注意浏览器兼容性。
  由于各个浏览器存在着内外边距的默认值，还不同。
  所以我们需要将所有浏览器的默认内外边距，都从零开始计算

在实际工作中不要用※{margin：0；padding：0；}，效率最低