層疊樣式表（Cascading Style Sheets，縮寫為CSS）是Web開發中不可或缺的一部分，它用于定義網頁的樣式和布局。在CSS中，樣式由屬性和值組成，這些屬性和值通過聲明規則來應用到HTML元素上。

每一個CSS聲明規則都由三個部分組成：選擇器、屬性和值。選擇器指定要應用樣式的HTML元素，屬性定義樣式的特性，而值則描述這些特性的具體取值。

selector {
property: value;
}

CSS選擇器決定哪些元素將會受到樣式影響。選擇器可以根據元素的類型、ID、類名、屬性和關系等進行定位。以下是一些常見的選擇器：

/* 標簽選擇器 */
p {
color: red;
}
/* ID選擇器 */
#header {
font-size: 24px;
}
/* 類選擇器 */
.intro {
text-align: center;
}
/* 屬性選擇器 */
a[] {
color: blue;
}
/* 子選擇器 */
ul >li {
margin-left: 20px;
}

屬性決定樣式的外觀和行為。每個屬性都有一個默認值，但可以通過為其指定具體的值來覆蓋默認值。以下是一些常見的CSS屬性：

/* 字體屬性 */
font-family: Arial, sans-serif;
font-size: 16px;
font-weight: bold;
line-height: 1.5;
/* 布局屬性 */
width: 600px;
height: 400px;
margin: 0 auto;
padding: 20px;
/* 邊框屬性 */
border: 1px solid black;
border-radius: 5px;
/* 背景屬性 */
background-color: #f1f1f1;
background-image: url("bg.png");
background-repeat: no-repeat;

值描述了屬性的具體樣式。值可以是具體的顏色、長度、圖片等。以下是一些常見的CSS值：

/* 顏色 */
color: blue;
background-color: #ffe6e1;
/* 長度 */
width: 50%;
height: 100px;
padding: 10px;
margin: 0 auto;
/* 圖像 */
background-image: url("bg.png");
border-image: url("border.png") 20 repeat;
/* 文本 */
text-align: center;
text-decoration: underline;
text-transform: uppercase;

在CSS中，選擇器、屬性和值的組合形成了聲明規則。通過組合不同的聲明規則，我們可以定制網頁的樣式和布局，使其更加美觀和易于使用。