本文目錄導(dǎo)讀：

1. CSS的基本語法
2. CSS的選擇器
3. CSS的聲明塊
4. CSS的優(yōu)先級(jí)和層疊

CSS控制網(wǎng)頁的排版和樣式

CSS，全稱層疊樣式表（Cascading Style Sheets），是一種用來描述HTML文檔樣式的計(jì)算機(jī)語言，通過CSS，我們可以控制網(wǎng)頁的排版、顏色、字體等樣式，使得網(wǎng)頁更加美觀、易用。

CSS的基本語法

CSS的基本語法包括選擇器和聲明塊，選擇器用于選擇需要樣式的HTML元素，而聲明塊則包含了一條或多條聲明，用于定義元素的樣式。

p {
  color: red;
  font-size: 16px;
}

上述代碼表示，選擇所有的段落元素（p），并將其顏色設(shè)置為紅色（red），字體大小設(shè)置為16像素（16px）。

CSS的選擇器

CSS提供了多種選擇器，包括元素選擇器、類選擇器、ID選擇器等，元素選擇器用于選擇所有的指定元素，類選擇器用于選擇具有指定類的元素，而ID選擇器則用于選擇具有指定ID的元素。

/* 元素選擇器 */
p {
  color: blue;
}
/* 類選擇器 */
.my-class {
  font-size: 20px;
}
/* ID選擇器 */
#my-id {
  background-color: yellow;
}

CSS的聲明塊

在聲明塊中，我們可以定義元素的樣式。

p {
  color: green; /* 設(shè)置文字顏色為綠色 */
  font-size: 18px; /* 設(shè)置字體大小為18像素 */
  background-color: lightblue; /* 設(shè)置背景顏色為淺藍(lán)色 */
}

CSS的優(yōu)先級(jí)和層疊

在CSS中，樣式的優(yōu)先級(jí)和層疊是非常重要的，ID選擇器的優(yōu)先級(jí)高于類選擇器，類選擇器的優(yōu)先級(jí)高于元素選擇器，后定義的樣式會(huì)覆蓋先定義的樣式，但也有一些特殊情況需要注意。

p {
  color: red; /* 先定義的樣式 */
}
#my-id {
  color: blue; /* 后定義的樣式，會(huì)覆蓋先定義的樣式 */
}

上述代碼中，雖然先定義了段落元素的文字顏色為紅色（red），但是后定義了ID為my-id的元素的文字顏色為藍(lán)色（blue），因此***終的顏色為藍(lán)色，如果我們?cè)诙温湓刂性俣x一個(gè)類為my-class的元素，那么該元素的樣式就會(huì)受到類選擇器的優(yōu)先級(jí)影響。