半透明CSS属性在Google Chrome开发者工具中意味着什么？

请看下面的图片：

为什么padding-top和margin-top完全不透明,但padding-right等不是？

最佳答案

我认为它们是半透明的,因为它们没有明确定义.

已完成以下表格：

selector1 {
    margin: 20px;
}

selector2 {
    margin: 20px;
    margin-top: 10px;
}

selector3 {
    margin: 10px 20px 30px;
}

在第一个示例(selector1)中,所有margin- *属性都是半透明的,因为non是明确定义的 – 正在使用快捷方式.

在第二个示例(selector2)中,只有margin-top将完全不透明,因为它在自己的属性中定义.

在最后一个示例(selector3)中,margin-top和margin-bottom是明确定义的,因此将完全不透明.但是,margin-left和margin-right由单个值定义,因此它们将是半透明的.

半透明颜色也适用于默认值,例如：

background: red url(...) no-repeat;

此属性明确定义了背景颜色,背景图像和背景重复,但未定义背景位置,背景剪辑,背景大小等(使用默认值),因此它们将被视为半透明.

相关文章