CSS margin-top 属性

在 CSS 中，margin-top 属性用于设置元素的顶部外边距。外边距是元素与相邻元素之间的空间，margin-top 控制元素顶部与其上方元素之间的距离。

语法

margin-top 属性的语法如下：

selector {
    margin-top: value;
}

其中 value 可以是一个具体的长度值（如 10px、2rem）、百分比值（如 50%）或者 auto。

可继承性

margin-top 属性不是继承的，子元素不会继承父元素的 margin-top 值。

初始值

margin-top 的初始值为 0。

取值范围

margin-top 的取值范围可以是任意正数、负数、百分比值或者 auto。

示例代码

下面是一个简单的示例代码，演示如何使用 margin-top 属性：

.container {
    margin-top: 20px;
}

.box {
    margin-top: 10%;
}

在上面的例子中，.container 元素的顶部外边距为 20px，.box 元素的顶部外边距为其父元素高度的 10%。

注意事项

• 如果设置了 margin-top，但没有设置 margin-bottom，那么元素在垂直方向上的外边距可能会叠加。
• 当元素设置了 margin-top 和 margin-bottom 时，它们之间的外边距会取两者中较大的值。

以上就是关于 CSS 属性 margin-top 的介绍，希望对你有所帮助！