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

1. 了解CSS屬性

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

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

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

2. 添加CSS屬性

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

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

- 屬性值可以是任何CSS選擇器或屬性名稱，但只能使用數字、字母或下劃線。

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

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

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;

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