CSS（层叠样式表）是一种用于控制网页布局和样式的语言。在CSS中，外边距是一项非常重要的属性，它可用于控制元素的间距和整体布局。
外边距有两种：上外边距和下外边距。它们可以用于控制元素之间的距离，也可以用于控制整个页面的布局。例如，我们可以使用上外边距来控制段落之间的距离，也可以使用下外边距来控制整个页面的底部边距。
p {
margin-top: 20px;
margin-bottom: 20px;
}
上面的代码展示了如何使用CSS来设置元素的上下外边距。在这个例子中，我们设置了一个20像素的上外边距和下外边距。这意味着每个段落都将在它的上方和下方增加20像素的距离。
除了设置固定的外边距值之外，我们还可以使用百分比和自动值来控制外边距。例如：
p {
margin-top: 5%;
margin-bottom: auto;
}
在上述代码中，我们使用了百分比和自动值来设置上外边距和下外边距。这意味着顶部外边距将占用父元素高度的5％，而底部外边距将自动适应子元素的高度。
使用外边距可以有效地控制元素之间的间距和整体布局，使您的网页更加美观和易于阅读。
