CSS樣式設置規則由三部分組成：

選擇器 {
屬性: 值;
}

其中，選擇器用于定位HTML元素，屬性用于定義元素的樣式，值則是樣式的具體表現。

選擇器可以根據不同的條件進行定位，包括：

1. 元素選擇器，如p、h1、div等
2. 類選擇器，用于根據class屬性選擇元素，如.class-name
3. ID選擇器，用于根據ID屬性選擇元素，如#id-name
4. 屬性選擇器，用于根據元素的屬性選擇元素，如[type="text"]
5. 偽類選擇器，用于特定狀態下選擇元素，如:hover、:first-child等
6. 后代選擇器，用于選擇某個元素的后代元素，如ul li
7. 相鄰兄弟選擇器，用于選擇相鄰的兄弟元素，如h1 + p

屬性則是樣式的具體功能，包括：

1. 文本樣式，如color、font-size、font-family等
2. 盒子模型樣式，如width、height、margin、padding等
3. 布局樣式，如position、float、display等
4. 背景樣式，如background-color、background-image等
5. 邊框樣式，如border、border-radius等
6. 動畫與變換樣式，如transition、animation等

值則是樣式的具體表現，可以是單一值，也可以是多個值的組合。

除了基本的樣式設置規則外，CSS還支持：

1. 繼承規則，用于將樣式從父元素傳遞給子元素
2. 優先級規則，用于解決樣式沖突問題
3. @規則，用于引入CSS，如@import、@media等

掌握CSS樣式設置規則，是前端開發必備的技能之一，能夠幫助我們更好地開發出漂亮、易維護的網站。