在網頁設計及開發中，樣式是非常重要的一個部分。而 CSS 就是控制樣式的主要工具之一。在 CSS 中，規則是最基本的部分。一個樣式規則由三個主要部分組成：

選擇器 {
屬性1: 值1;
屬性2: 值2;
...
}

首先，選擇器用于選擇一個或多個元素。它可以是元素名稱、類、ID、屬性等等。選擇器定義了哪個元素將受到規則的影響。

接著是用大括號包裹起來的屬性和值。屬性是用于定義元素樣式的關鍵字，例如“color”，“font-size”，“background-image”等等。而值則是屬性的具體取值，例如“#333”，“10px”，“url(images/bg.jpg)”等等。

對一個元素可以設置多個屬性和值。這些屬性和值將按順序影響元素樣式，例如：

p {
color: #333;
font-size: 16px;
}

這段代碼表示，所有的段落元素將被設置為黑色字體，字號為 16 像素。

在 CSS 規則中，每個屬性和值之間使用冒號進行分隔。每個屬性-值對使用分號進行分隔。如果規則有多個屬性，則每個屬性-值對需要在新的一行中進行書寫。

CSS 還支持在規則中添加注釋，可以通過 /* 注釋內容 */ 的格式來添加注釋。而在規則中，可以使用逗號分隔多個選擇器，例如：

h1, h2, h3 {
color: #333;
font-size: 24px;
}

這段代碼表示，所有的 H1、H2 和 H3 標題元素將被設置為黑色字體，字號為 24 像素。

總而言之，CSS 樣式規則是控制網頁樣式的基礎，通過選擇器和屬性-值對的組合，我們可以實現各種各樣的樣式效果。