css的框模型

1）框模型的外边距

1、什么是外边距
      在元素边框周围的一些空白区域
      该空白区域，正常情况下是不允许有其他元素显示的。
   2、外边距属性
      margin:value;
        表示上下左右四个方向的外边距
      单边设置:
        margin-方向:
 方向：top,bottom,left,right
      取值：px、%、负值、auto
      注意：当元素的 【左右】外边距设置为 【auto】 时，那么该元素会在其父层容器内变的水平居中。

 3、html中，有些元素是具备默认外边距的。
      h1-h6,p,body
      如果设置以上元素的margin属性值的话，那么就会覆盖掉他们默认的margin
   4、垂直外边距的合并
      当两个垂直外边距相遇时，他们将形成一个外边距，以最大值为准。
   5、外边距取值
      margin简易写法:
      margin:value ; value 表示的上下左右四个方向的外边距
      margin:v1 v2 ; v1 表示 上下外边距 ,v2表示左右外边距
             maring:20px auto;
      margin:v1 v2 v3;v1 表示上外边距,v2表示左右外边距,v3表示下外边距
      margin:v1 v2 v3 v4;上 右 下 左