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

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

selector {
property: value;
property: value;
}

選擇器指定了應(yīng)用樣式的HTML元素。屬性-值對(duì)在聲明塊中，用冒號(hào)分隔屬性和值，用分號(hào)分隔聲明。

選擇器可以是元素名、類、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;
}

一個(gè)CSS規(guī)則中可以有多個(gè)選擇器，用逗號(hào)分隔。

p, .title {
color: #333;
}

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

/* 屬性名使用縮寫 */
font: 16px/1.5 "Microsoft Yahei", sans-serif;
/* 多個(gè)屬性值使用空格分隔 */
margin: 10px auto;
/* 邊框?qū)傩灾校梢灾付ㄟ吙驑邮?、寬度、顏?*/
border: dashed 2px #999;

CSS規(guī)則是有優(yōu)先級(jí)的。選擇器的優(yōu)先級(jí)順序從高到低為：

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

當(dāng)多個(gè)規(guī)則應(yīng)用于同一個(gè)元素時(shí)，優(yōu)先級(jí)高的規(guī)則將覆蓋優(yōu)先級(jí)低的規(guī)則，如果優(yōu)先級(jí)相同，則根據(jù)出現(xiàn)順序決定。

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