CSS規則是網頁開發中不可或缺的重要組成部分，它們可以控制HTML元素的樣式和布局。每個CSS規則由三個主要部分組成，分別是選擇器、屬性和值。

選擇器：選擇器是指要應用樣式的HTML元素。它可以是HTML元素名稱、類名、ID、屬性或偽類選擇器。例如：

h1 { /* HTML元素選擇器 */
font-size: 24px;
}
.header { /* 類選擇器 */
background-color: #333;
}
#logo { /* ID選擇器 */
width: 200px;
}
a:hover { /* 偽類選擇器 */
text-decoration: underline;
}

屬性：屬性指定要設置的樣式類型。這些屬性可以控制HTML元素的大小、顏色、字體、邊距、邊框和位置等。例如：

color: #ff0000; /* 文字顏色 */
background-color: #fff; /* 背景顏色 */
font-size: 16px; /* 字體大小 */
margin: 10px; /* 元素的外邊距 */
border: 2px solid #000; /* 邊框線 */
position: absolute; /* 元素的定位方式 */

值：值是指要應用的樣式屬性的值。這些值可以是顏色、大小、單位、位置或其他相關的信息。例如：

font-family: "Helvetica Neue", Arial, sans-serif; /* 字體類型 */
width: 50%; /* 元素寬度 */
height: 100px; /* 元素高度 */
padding: 20px; /* 元素內邊距 */
top: 0; /* 元素的頂部位置 */
text-align: center; /* 文字居中 */

以上是CSS規則的主要構成部分，這些部分結合在一起，可以為HTML元素創建出獨特而美觀的樣式，提高用戶體驗和頁面的可讀性和可操作性。