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

前端之家收集整理的这篇文章主要介绍了半透明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;

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

原文链接:https://www.f2er.com/css/427076.html

猜你在找的CSS相关文章