css复合属性怎么用 |css的 sidebar

例如：

.box {
border: 1px solid #ccc;
padding: 10px;
margin: 20px;
}

这里，border、padding和margin都是复合属性，它们可以接受多个属性值。

在使用时，大家只需要将这些值用空格分隔开就可以了，如：

.box {
border: 1px solid #ccc;
padding: 10px 20px;
margin: 20px 30px 40px 50px;
}

这个例子中，padding接受了两个属性值：上下padding都是10px，左右padding都是20px。margin接受了四个属性值，分别对应上下左右的边距。

有一些复合属性稍微有些特别，比如font属性：

.box {
font: 14px/1.5 "Microsoft YaHei", sans-serif;
}

这个例子中，font属性接受了三个属性值：

• 文字大小：14px
• 行高：1.5倍文字大小（也就是21px）
• 字体族名：”Microsoft YaHei”，然后是一个备选字体族名（sans-serif）

除了font属性，还有一些其他的复合属性，比如background、transition、box-shadow等。

需要注意的是，不是每个属性都可以作为复合属性使用，只有能够接受多个值的属性才可以，这些属性以及它们可以接受的值，可以在CSS规范中进行查阅。