CSS常见之margin

margin

在CSS中，margin是一个用于设置元素外边距的属性，它决定了元素与其周围元素之间的空间距离。外边距是元素边框外部的空间，用于控制元素之间的间距和元素与页面边缘之间的距离。margin属性可以接受一到四个值，分别用于控制元素的上、右、下、左边距。这些值可以是具体的长度单位(如px、em、%等)，也可以是auto，后者表示浏览器将自动计算外边距以适应元素及其周围环境。

当margin属性设置为一个值时，如margin: 10px;，这个值将应用于元素的所有四个边(上、右、下、左)。

当设置为两个值时，如margin: 10px 20px;，第一个值应用于上下边距，第二个值应用于左右边距。

当设置为三个值时，如margin: 10px 20px 30px;，第一个值应用于上边距，第二个值应用于左右边距，第三个值应用于下边距。

当设置为四个值时，如margin: 10px 20px 30px 40px;，它们将分别应用于上、右、下、左边的外边距。

此外，margin: auto;常用于水平居中块级元素，如设置元素的左右外边距为auto可以使元素在其容器中水平居中。