CSS(層疊樣式表)是一種用于表現(xiàn)HTML或XML等文檔的樣式表語言。諸如字體、顏色、間距、背景等方面的樣式可以通過CSS來控制,并將這些樣式應(yīng)用于一份文檔的不同元素。
CSS最常用的方式是通過外部樣式表來應(yīng)用到HTML文檔中。在HTML文檔中使用link標(biāo)簽來引用外部CSS文件。如:
<link rel="stylesheet" type="text/css" href="style.css" />
在CSS中,樣式可以直接應(yīng)用于HTML元素或分類選擇器。例如,下面的CSS定義了所有段落元素的字體為14像素:
p { font-size: 14px; }
與HTML的作用域相似,CSS樣式也遵循層級(jí)結(jié)構(gòu)。子元素的樣式可以被父元素繼承,除非子元素自己定義了與父元素不同的樣式。如:
body { font-family: Arial, sans-serif; } h1 { font-size: 24px; } h1 span { color: #ff0000; font-weight: bold; }
上面的代碼定義了頁面的字體為Arial或sans-serif,h1元素的字體大小為24像素,h1元素下的span元素的顏色為紅色,并加粗顯示。其中,h1元素下的span元素繼承了h1元素的字體大小,但重新定義了顏色和字體粗細(xì)。
此外,CSS還提供了偽類選擇器,用于針對(duì)特定狀態(tài)或行為的元素應(yīng)用樣式。如:hover用于鼠標(biāo)懸停在元素上的樣式,:active用于點(diǎn)擊元素時(shí)的樣式,:visited用于已訪問鏈接的樣式等。例如:
a:hover { color: #0000ff; text-decoration: underline; }
上面的代碼定義了當(dāng)鼠標(biāo)懸停在鏈接上時(shí),鏈接字體顏色為藍(lán)色,下劃線樣式。
總體來說,CSS在網(wǎng)頁設(shè)計(jì)中起到了舉足輕重的作用。通過CSS可以輕松控制頁面元素的樣式,從而使頁面更加美觀、易讀、易用。