CSS（層疊樣式表）規則由兩大部分組成：選擇器和聲明塊。
選擇器是指我們要為其設置樣式的HTML元素。選擇器可以是元素（如p，div等），類（如.class），ID（如#id）或屬性（如[type='text']）。
聲明塊由花括號{}包圍，其中包含了一條或多條屬性和值對，即我們要為選擇器所設置的樣式。每條屬性和值對由冒號:分隔，每個聲明之間需要用分號;分隔，比如下面這個例子：

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

在上面的例子中，選擇器是p，聲明塊由花括號{}組成，其中包含了兩個屬性和值對：font-size: 16px和color: #333。這意味著我們為所有p元素設置了字體大小為16像素和文本顏色為#333的樣式。
在CSS規則中，我們可以使用多個選擇器來指定一個或多個元素。比如這個例子：

p, span {
font-family: Arial, sans-serif;
}

在上面的例子中，我們為所有p元素和span元素設置了字體族為Arial和sans-serif的樣式。
在總體結構上，CSS規則由以下幾部分組成：

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

其中，選擇器用于定位到HTML元素，屬性和值對組成了聲明，表示我們要為其設置的樣式。理解和使用好CSS規則，是前端開發中非常重要的一環。