css s上外边距

CSS（层叠样式表）是一种用于控制网页布局和样式的语言。在CSS中，外边距是一项非常重要的属性，它可用于控制元素的间距和整体布局。

外边距有两种：上外边距和下外边距。它们可以用于控制元素之间的距离，也可以用于控制整个页面的布局。例如，我们可以使用上外边距来控制段落之间的距离，也可以使用下外边距来控制整个页面的底部边距。

p {
  margin-top: 20px;
  margin-bottom: 20px;
}

上面的代码展示了如何使用CSS来设置元素的上下外边距。在这个例子中，我们设置了一个20像素的上外边距和下外边距。这意味着每个段落都将在它的上方和下方增加20像素的距离。

除了设置固定的外边距值之外，我们还可以使用百分比和自动值来控制外边距。例如：

p {
  margin-top: 5%;
  margin-bottom: auto;
}

在上述代码中，我们使用了百分比和自动值来设置上外边距和下外边距。这意味着顶部外边距将占用父元素高度的5％，而底部外边距将自动适应子元素的高度。

使用外边距可以有效地控制元素之间的间距和整体布局，使您的网页更加美观和易于阅读。