為了使網頁看起來更美觀，我們需要為HTML文檔添加CSS樣式。但是，即使添加了樣式，也有可能因為使用不當而導致頁面混亂，不美觀甚至無法訪問。因此，在使用CSS的過程中，我們需要遵循一些規則和注意事項。
1. 語法正確性
在CSS中，每個樣式都需要有一個選擇器和至少一個屬性和其對應的值。在書寫時，選擇器和屬性名不區分大小寫，但屬性值區分大小寫。而且，選擇器和屬性名之間需要用冒號（:）隔開，屬性和屬性值之間需要用分號（;）分隔。
例如：
h1 {
color: red;
}
2. 使用外部樣式表
當我們需要在多個網頁中應用同樣的樣式時，使用外部樣式表是最好的選擇。外部樣式表可以減小網頁的體積，提高頁面加載速度。我們可以在<head>標簽中使用<link>標簽引入外部樣式表。
例如：
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
3. 樣式的優先級
當樣式沖突時，瀏覽器使用優先級的規則來決定哪一個樣式會被應用。CSS優先級的計算是基于樣式來源、選擇器特異度、聲明位置等因素的綜合分析。
如果樣式來源一樣，則規則如下：
- !important聲明優先級最高
- 行內樣式聲明優先級次之
- ID選擇器的特異度最高
- 類選擇器、屬性選擇器和偽類選擇器的特異度次之
- 元素選擇器和偽元素選擇器的特異度最低
4. 避免使用太多!important
!important聲明可以強制優先級，但也可能導致代碼難以維護。此外，一旦!important聲明在某一樣式中被使用，它會覆蓋所有其他相同屬性的樣式聲明，除非它們也使用!important聲明。
5. 樣式的繼承
CSS中有許多屬性是可以繼承的，例如字體大小、文本顏色等。這意味著，如果我們在父元素中定義了某個樣式，那么子元素將會自動繼承這個樣式，無需再次定義。但是，有些屬性不會繼承，例如邊框、背景、定位屬性等。因此，在使用CSS繼承時，需要考慮哪些屬性是會被繼承的，哪些不會。