html - 如果数字值中没有声明任何内容，则设置的度量单位是什么 [ CSS ]

Question

用简单的例子来解释对我来说要容易得多:

<img src='...'>

img {

    margin: 30;
    width: 100;
    height: 200;
}

如果边距、宽度和高度没有声明像素或百分比，那么它的度量单位是什么？

Answer 1

用比喻来解释就容易多了:

您想在五金店为您的 table 买一个盘子。服务人员问你盘子应该有的长度和宽度。你说:“100 x 200”。他的脸🤔

问题是这些单位可以是任何单位:毫米、厘米、像素、苹果。继续这个比喻，浏览器现在是服务人员，现在绝对知道 width: 100; 是什么意思。没有值(value)。因此他只取 0 = 无 margin ，因为这是 margin 的默认值。基本上所有定义尺寸或测量值的样式都需要一个值，否则这些都是 null。

根据 W3C:

• 边距 默认值:0
• 填充 默认值:0
• 宽度 默认值:自动
• height 默认值:auto

希望这有助于理解。可以在此处找到包含所有默认值的列表:https://www.w3schools.com/cssref/css_default_values.asp