css盒子模型

盒子模型：

  浏覽器會将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；} 消除所有元素的内外邊距