盒子模型：
  浏览器会将html每个元素都看做是一个矩形的盒子
  边框：border ：粗细 类型 颜色   /上下左右  
         border-color:上 右 下 左
      border-color:上下 左右
         border-style:
         border-width;
         border-top：
         border-right：
     border-left：
         border-bottom；
         通过边框实现特殊效果
  外边距：margin：  标记和标记之间的距离或子标记和父标记之间的距离
          margin-top：
    margin-right：
    margin-left：
          margin-bottom：  
        margin：0px auto； 使层（div）居中
 内边距：padding：边框到内容之间的距离
         padding-top：
    padding-right：
    padding-left：
          padding-bottom：

     *{ margin：0px；padding：0px；} 消除所有元素的内外边距

css盒子模型