css边距

外边距（margin）

margin属性用于设置外边距。 设置外边距会在元素之间创建“空白”， 这段空白通常不能放置其他内容。

margin-top:上外边距

margin-right:右外边距

margin-bottom:下外边距

margin-left:上外边距

margin:上外边距 右外边距 下外边距 左外边

取值顺序跟内边距相同。

外边距实现盒子居中

可以让一个盒子实现水平居中，需要满足一下两个条件：

1. 必须是块级元素。
2. 盒子必须指定了宽度（width）

然后就给左右的外边距都设置为auto，就可使块级元素水平居中。

文字盒子居中图片和背景区别

1. 文字水平居中是 text-align: center

2. 盒子水平居中 左右margin 改为 auto

3. 插入图片 我们用的最多 比如产品展示类

4. 背景图片我们一般用于小图标背景 或者 超大背景图片

   ​ background-position: center center;

清除元素的默认内外边距

为了更方便地控制网页中的元素，制作网页时，需要清除元素的默认内外边距：

外边距合并

外边距塌陷：

​ 当上下相邻的两个块级元素相遇时，他们之间的垂直间距不是top，bottom的和，而是两者的较大者，相邻块元素的垂直外边距的合并

​ 解决方案：把较大值改成期望的值

嵌套块级元素垂直外边距的合并

标签：居中,盒子,center,元素,边距,外边,margin,css
来源： https://blog.csdn.net/bedfish/article/details/101192280