在CSS中定义"复合"样式

在CSS中，复合样式是指将多个样式属性组合在一起使用，以实现更复杂的视觉效果。复合样式可以通过不同的方式来定义，例如使用颜色、字体、边框、背景等属性。

例如，以下是一个复合样式的示例：

.my-class {
  color: #333;
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  border: 1px solid #ccc;
  background-color: #f5f5f5;
  padding: 10px;
  margin: 5px;
}

在这个示例中，我们定义了一个名为.my-class的样式，它包含了多个样式属性，例如颜色、字体、边框、背景等。这些属性的组合使得我们可以实现更复杂的视觉效果。

在这个示例中，我们使用了以下属性：

• color：定义文本颜色。
• font-family：定义字体类型。
• font-size：定义字体大小。
• font-weight：定义字体粗细程度。
• border：定义边框样式。
• background-color：定义背景颜色。
• padding：定义元素内部的空白区域。
• margin：定义元素外部的空白区域。

这些属性的组合使得我们可以实现更复杂的视觉效果，例如创建一个带有边框和背景颜色的文本框，并且在文本框周围添加一些空白区域。