CSS屬性是用于控制HTML元素樣式的重要工具。在添加CSS屬性時，需要遵循一定的規(guī)則，以確保樣式的正確性和可讀性。本文將介紹如何添加CSS屬性，以及如何使用它們來控制HTML元素的樣式。

1. 了解CSS屬性

CSS屬性用于控制HTML元素的樣式。它們可以是單個字母、數(shù)字或下劃線，如：

- 選擇器(CSS選擇器)：選擇HTML元素并根據(jù)其屬性設(shè)置其樣式。這些選擇器包括：類、偽類、ID選擇器和屬性選擇器。

- 屬性(CSS屬性)：設(shè)置HTML元素的屬性，如：顏色、字體、大小、邊框、背景等。

2. 添加CSS屬性

在添加CSS屬性時，需要遵循以下規(guī)則：

- 屬性名必須與HTML元素ID或類名相同。

- 屬性值可以是任何CSS選擇器或?qū)傩悦Q，但只能使用數(shù)字、字母或下劃線。

- 單個字母、數(shù)字或下劃線不能作為屬性名。

- 下劃線不能嵌套在屬性名中。

width: 100px;

height: 100px;

border: 1px solid #ccc;

在這個例子中，“border”是屬性名，“1px”是屬性值，“#ccc”是選擇器。

3. 使用屬性值

width: 100px;

height: 100px;

background-color: #f00;

在這個例子中，“background-color”是屬性值，“#f00”是選擇器。

4. 屬性嵌套

width: 100px;

height: 100px;

border: 1px solid #ccc;

通過遵循這些規(guī)則，可以輕松地添加CSS屬性，并控制HTML元素的樣式。掌握這些規(guī)則，將使CSS變得更加容易和易于理解。