盒子模型

padding内边距

属性

padding: 1px    4个内边距都是1

padding: 1px    2px    上下 1     左右 2

padding: 1px    2px    3px   上 1     左右 2       下 3

padding: 1px    2px    3px     4px   上   右   下   左 

border边框

border-width边框粗细

border-style边框样式

solid单实线

dashed虚线

dotted点线

border-color边框颜色

border-collapse:collapse相邻边框合并在一起

margin外边距

margin-top

margin-right

margin-bottom

margin-left

margin 让块级盒子水平居中

盒子左右的外边距都设置为 auto

margin: auto;

垂直外边距的合并

上面的元素有下外边距 margin-bottom，下面的元素有上外边距 margin-top

取两个值中的较大者（尽量只给一个盒子添加 margin 值）

嵌套外边距的塌陷

为父元素定义上边框

为父元素定义上内边距

为父元素添加 overflow:hidden

清除内外边距

* {

    padding:0;

    margin:0; 

  }

行内元素尽量只设置左右内外边距，不要设置上下内外边距