CSS不是第一個(gè)出現(xiàn)的樣式表語(yǔ)言，它的前身是樣式表語(yǔ)言（StyleSheet Language）。

/* 樣式表語(yǔ)言示例 */
h1 {
font-size: 24px;
font-weight: bold;
color: #333;
}
p {
font-size: 16px;
color: #666;
}

樣式表語(yǔ)言是一種開(kāi)始于HTML4時(shí)代的語(yǔ)言，用途是將HTML元素的呈現(xiàn)樣式獨(dú)立出來(lái)，在多個(gè)HTML頁(yè)面中可以共享使用，以提高頁(yè)面制作效率。但是，樣式表語(yǔ)言的缺點(diǎn)在于它的語(yǔ)法比較繁瑣復(fù)雜，且無(wú)法實(shí)現(xiàn)一些高級(jí)的樣式效果。

2005年，CSS3草案開(kāi)始出現(xiàn)，使得CSS在功能上逐漸強(qiáng)大起來(lái)，在選擇器、顏色、字體等方面得到了諸多擴(kuò)展。如今，CSS已經(jīng)成為最流行、最強(qiáng)大的網(wǎng)頁(yè)樣式表語(yǔ)言，被廣泛應(yīng)用于網(wǎng)頁(yè)開(kāi)發(fā)和設(shè)計(jì)中。

/* CSS3示例 */
h1 {
font-size: 2.4rem;
font-weight: 700;
color: #333;
text-shadow: 2px 2px #ccc;
}
p {
font-size: 1.6rem;
color: #666;
line-height: 1.5;
word-wrap: break-word;
}

與樣式表語(yǔ)言相比，CSS3語(yǔ)法更加簡(jiǎn)潔明了，而且支持更多的樣式效果，例如陰影、漸變、調(diào)整字距等。此外，CSS3還支持響應(yīng)式布局，可以根據(jù)屏幕尺寸自動(dòng)調(diào)整布局和樣式，使得不同的設(shè)備可以獲得最佳的閱讀體驗(yàn)。