首页 > 代码库 > css盒子模型

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;} 消除所有元素的内外边距

css盒子模型