1、内外边距含义
内边距是div边框内的距离。背景色会覆盖内边距，内边距会使宽高变大。
外边距是div边框外的距离。背景色不会覆盖外边距
内外边距都会撑高父元素，外边距会提高div与div之间的距离
2、利用border做三角形
给空div设置
div{
width:0;
height: 0;
border-top: 20px solid red;
border-left: 20px solid transparent; # transparent透明
border-right: 20px solid transparent;
}
3、margin塌陷：
不浮动时，在文档流里，当给两个兄弟盒子设置垂直方向上的margin，（上面的margin-bottom，下面的margin-top）
他们俩之间的距离不是margin-bottom + margin-top 而是以最大的为准，这种现象叫margin塌陷。
在浮动时，没有塌陷问题，距离是margin-bottom + margin-top （设置父盒子宽度，两个子盒子都向左浮动，父盒子宽度放不下
两个子盒子时，会出现贴靠，这时不会塌陷）
解决方式：尽量使用父元素的padding而不是子元素的margin
4，margin：0 auto
在某个div里写上：1，还必须写上宽度，margin:0 auto 就会水平居中盒子, 2，只有标准流下的盒子才能使用这个。 因为auto的意思是“尽可能有最大距离”
上下外边距为0 左右方向尽可能有最大距离就变成了对父盒子居中显示。
这个属性不会继承（继承属性：color font text-* line-*）
如果要让盒子内文字居中就要写：text-align:center