css第三节（2）

1、css外边距margin

margin-top：上外边距

margin-right：右外边距

margin-bottom：下外边距

margin-left：左外边距

合写：

margin：10px 0 20px 200px； 上 右 下 左外边距

margin：10px 200px；上下10px  左右200px

margin：0 auto；  上下0   左右自动居中（水平居中）

2、行内元素设置内外边距的影响

行内元素 不要给上下的margin和padding，上下的margin、padding会被省略，左右的margin、padding会起到作用

3、盒子内容的宽和高的占用空间

width和height是内容区域的宽高

盒子的宽度=左边距+左内边距（padding）+width+右padding+右边距

4、第一种外边距合并的情况

上盒子的下外边距20px，下盒子的上外边距是30px，两个盒子之间上下距离就是30px，不是50px

5、第二种外边距合并的情况

父元素无上内边距及变宽

则父元素的上外边框会和子元素的上外边距发生合并，合并后外边距为两者的较大者