當我們使用CSS來改變網頁樣式的時候，有一些規則是很重要的。在這篇文章中，我們將會介紹10條CSS樣式規則，希望對您的網頁設計有所幫助。

1. Selector（選擇器）規則：選擇器是指將樣式應用于HTML元素的規則。可以通過標簽名、類、ID以及屬性來選擇元素。例子如下：
p {
color: red;
}
2. Color（顏色）規則：在樣式中指定顏色是很重要的，因為它可以幫助用戶很容易地識別信息。顏色可以使用RGB、HEX、HSL等不同的顏色編碼方式，如下所示：
color: #FF0000;
color: rgb(255, 0, 0);
color: hsl(0, 100%, 50%);
3. Font-size（字體大小）規則：規定文字的大小，可以通過指定像素或百分比值來設置不同的大小。
font-size: 16px;
font-size: 120%;
4. Font-weight（字體粗細）規則：定義文本的粗細程度，通常有normal、bold、bolder、lighter等幾個選項。
font-weight: bold;
5. Text-align（文本對齊）規則：對齊段落或標題的文本。可選值包括left、center、right和justify。
text-align: center;
6. Margin（外邊距）規則：指定元素的邊緣與其他元素之間的距離，可以設置上下左右四個方向的距離值，也可以使用auto自動適配。
margin: 10px;
margin-top: 20px;
margin: auto;
7. Padding（內邊距）規則：指定元素邊緣到元素內部內容之間的距離，同樣可以設置上下左右四個方向的值。
padding: 20px;
padding-left: 50px;
8. Border（邊線）規則：定義元素的邊框的大小、顏色和樣式。
border: 1px solid black;
9. Height（高度）規則：指定元素的高度。
height: 100px;
10. Width（寬度）規則：指定元素的寬度。
width: 200px;

這些CSS樣式規則可以幫助我們創建出美觀、易于使用和易于維護的網頁，應該在網頁設計中廣泛采用。