CSS是一種用于網頁設計的樣式表語言，可以用于控制網頁的樣式、布局和交互性。在網頁開發中，CSS通常被分為三個部分：選擇器、樣式和布局。下面將詳細介紹CSS三部分組合的作用和用法。

1. 選擇器

例如，在CSS中可以這樣使用類選擇器：

h1:first-child {

color: blue;

這個選擇器選擇了名為“h1”的HTML元素，并將其顏色設置為藍色。使用屬性選擇器可以更精細地控制元素的屬性和樣式：

h1[color] {

color: red;

這個選擇器使用了屬性選擇器，將“h1”元素的顏色設置為紅色。

2. 樣式

樣式是CSS中用于控制元素外觀的部分。它可以用于設置元素的字體、顏色、大小、位置、邊框和背景等。樣式可以通過樣式表、屬性和類來設置。

例如，在CSS中可以這樣設置文本的字體和顏色：

body {

font-family: Arial, sans-serif;

color: blue;

這個選擇器將文本的字體設置為Arial，顏色設置為藍色。

3. 布局

布局是CSS中用于控制網頁布局的部分。它可以用于設置網頁中的元素的位置、對齊方式和其他布局屬性。布局可以通過層、盒子模型、偽元素和絕對定位等來實現。

例如，在CSS中可以這樣布局一個表格：

table {

border-collapse: collapse;

width: 100%;

th, td {

padding: 10px;

text-align: center;

這個選擇器設置了表格的邊框、內邊距和對齊方式。其中，th和td元素分別設置了子元素的內邊距和對齊方式。

CSS三部分組合是CSS的基本組成部分，它們共同作用來控制網頁的樣式、布局和交互性。通過組合使用這三個部分，可以創建出具有豐富樣式和復雜布局的網頁。