（1）margin top

margin top用于设置元素的上边距。它可以让元素的上边距相对于邻接或父元素的上边距建立明确的间距，即让特定元素缩进，更加美观平滑。如果不设置margin top，元素会和上一行元素紧邻，这不利于文字的输出品质和形式。因此，可以将margin top设置为给定大小的空隙，以将文档中的元素明确分开。

（2）margin bottom

margin bottom的作用是设置元素的下边距，也可以让元素的下边距相对于邻接或者父元素的下边距建立明确的间距。通过设置margin bottom，可以在文档中增加空白，使文字读起来更加容易理解。此外，在内容和图像的布局中，margin bottom也起着至关重要的作用，可以让元素保持清晰地分开，保持文字和图像的衔接空间。所以有时候，就可以通过设置margin bottom来改变文档中元素衔接的空间，使文档布局更美观。

1、margin-top是一个CSS属性，它定义元素的上外边距（margin）的大小。总的来说，使用margin-top的目的是在元素之间添加间隔，以使它们更容易阅读和理解。

2、margin-top可以设置为绝对或相对值，也可以设置为百分比。绝对值是一个指定的固定值，而百分比是一个相对于父元素的折扣，它是按百分比指定的百分比。

3、margin-top可以应用于不同的元素，如

，

，

等等，如果没有指定元素的margin-top，默认是没有margin-top的。

4、margin-top能够为用户提供更好的阅读和理解。它可以增加文章或其他内容之间的空间，使它们排列得更合理，对不同元素拥有不同的margin-top可以有效地区分它们。

5、margin-top可以解决元素间的定位。从技术上讲，如果某个元素前后有太多贴近的元素，它就可能很难定位，而通过使用margin-top就能够解决这个问题，使元素块之间有一定的距离。

6、margin-top也可以用来调整元素的排列。它可以让元素看起来更整齐，这样使页面元素间的关系更加清晰，同样也可以有效地保护元素。

7、margin-top可以用来改善表现形式。它可以使元素更加美观，这样页面就更容易阅读，使用户耳目一新，提高体验。

8、margin-top还可以改变页面的布局。不同的元素的margin-top可以被设置为不同的值，这样可以改变元素的排列顺序，甚至影响到页面的总体布局。

9、margin-top可以用于实现折叠，因为它可以将某些元素完全隐藏，只要设置margin-top值为负数，就会将元素在外视图上折叠起来，而不会影响到其他内容，这对于折叠菜单来说尤为有用。

10、margin-top还可以让元素对对齐更加美观。如果想要使元素在水平方向上居中，可以使用margin-top，因为margin-top可以让元素下边距始终变成负值，这样可以减少上部空白和下部空白，保持用户体验的一致性。