CSS，全稱為層疊樣式表(Cascading Style Sheets)，是一種用于描述HTML或XML文檔樣式和布局的語言。

CSS規則是由選擇器和聲明塊組成的。

selector {
property: value;
property: value;
}

選擇器指定了應用樣式的HTML元素。屬性-值對在聲明塊中，用冒號分隔屬性和值，用分號分隔聲明。

選擇器可以是元素名、類、ID、偽類、偽元素或組合選擇器。

/* 元素選擇器 */
p {
font-size: 14px;
color: #333;
}
/* 類選擇器 */
.title {
font-weight: bold;
font-size: 16px;
}
/* ID選擇器 */
#header {
height: 80px;
background-color: #fff;
}
/* 偽類選擇器 */
a:hover {
color: red;
}
/* 偽元素選擇器 */
p::first-letter {
font-size: 20px;
font-weight: bold;
}
/* 組合選擇器 */
div p {
color: blue;
}

一個CSS規則中可以有多個選擇器，用逗號分隔。

p, .title {
color: #333;
}

聲明塊中的屬性名和屬性值是一一對應的。屬性名有縮寫形式，如font可以替代font-size、font-family等屬性，border可以替代border-width、border-color等屬性。

/* 屬性名使用縮寫 */
font: 16px/1.5 "Microsoft Yahei", sans-serif;
/* 多個屬性值使用空格分隔 */
margin: 10px auto;
/* 邊框屬性中，可以指定邊框樣式、寬度、顏色 */
border: dashed 2px #999;

CSS規則是有優先級的。選擇器的優先級順序從高到低為：

1. !important;
2. 內聯樣式(在元素的style屬性內)
3. ID選擇器
4. 類選擇器、屬性選擇器、偽類選擇器
5. 元素選擇器、偽元素選擇器

當多個規則應用于同一個元素時，優先級高的規則將覆蓋優先級低的規則，如果優先級相同，則根據出現順序決定。

在多個樣式表中定義相同的規則時，最后一個樣式表中的規則將覆蓋前面的規則，這就是層疊(Cascade)的含義。