CSS規則由兩個部分構成：選擇器和聲明塊。

h1 {
font-size: 28px;
color: #333;
}

選擇器指定你想要樣式化的HTML元素。上面的例子使用了選擇器h1，表示選擇所有的h1標簽。

聲明塊包含一組屬性-值對，用分號分隔。如上例中的聲明塊包含了兩條屬性-值對：font-size和color。

在實際應用中，通常需要為多個HTML元素定義類似的樣式。為此，我們可以使用class選擇器來指定一組具有相同樣式的元素。

.button {
background-color: #008CBA;
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}

上面的例子定義了一個.button類，用于樣式化所有擁有這個類的HTML元素。這種方式可以使得代碼更加清晰易讀，同時也方便了后續的維護。

CSS規則也可以選擇多個選擇器，以逗號分隔。如下例中的規則會樣式化所有h1和p標簽：

h1, p {
font-size: 18px;
color: #555;
}

總之，CSS規則的兩個部分——選擇器和聲明塊，是定義Web頁面樣式的基礎。熟練掌握CSS規則的使用方法，可以使得你的頁面更加美觀和易于管理。