CSS文件使用style屬性為HTML元素添加樣式，使網頁呈現出所需的視覺效果。編寫CSS的過程就是為不同的HTML元素指定樣式。一個CSS文件可以同時定義多個HTML元素的樣式，也可以定義不同狀態下（例如鼠標懸停、被點擊、被選中等）的樣式。

在書寫CSS樣式時，應該遵循以下幾個注意事項：
1、使用CSS選擇器指定需要添加樣式的HTML元素
2、使用屬性-值對為HTML元素指定樣式，如color:red
3、樣式通常寫在外部的CSS文件里，以便統一管理和維護
4、可使用html標簽、id、class等不同的選擇器指定不同的HTML元素

/* 例如，以下代碼為id為title的HTML元素指定了字體樣式和背景顏色 */
#title {
font-size: 24px;
font-family: Arial, sans-serif;
background-color: #DDDDDD;
}
/* 以下代碼為class名為button的HTML元素指定了邊框樣式和字體樣式 */
.button {
border: 1px solid #000000;
font-weight: bold;
font-family: 'Microsoft Yahei', sans-serif;
}

如果需要指定不同狀態下的樣式，可以使用偽類選擇器。例如，為鼠標懸停在按鈕上時指定不同的樣式：

/* 以下代碼為鼠標懸停在class名為button的HTML元素上時指定不同的背景顏色 */
.button:hover {
background-color: #FF0000;
}

最后要注意的是，當有多個CSS文件共同影響同一個HTML元素時，會根據CSS選擇器的特定性進行優先級比較，選擇器特定性越高的樣式優先級越高。