CSS(層疊樣式表)是一種用于表現HTML或XML等文檔的樣式表語言。諸如字體、顏色、間距、背景等方面的樣式可以通過CSS來控制,并將這些樣式應用于一份文檔的不同元素。
CSS最常用的方式是通過外部樣式表來應用到HTML文檔中。在HTML文檔中使用link標簽來引用外部CSS文件。如:
<link rel="stylesheet" type="text/css" href="style.css" />
在CSS中,樣式可以直接應用于HTML元素或分類選擇器。例如,下面的CSS定義了所有段落元素的字體為14像素:
p { font-size: 14px; }
與HTML的作用域相似,CSS樣式也遵循層級結構。子元素的樣式可以被父元素繼承,除非子元素自己定義了與父元素不同的樣式。如:
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元素的字體大小,但重新定義了顏色和字體粗細。
此外,CSS還提供了偽類選擇器,用于針對特定狀態或行為的元素應用樣式。如:hover用于鼠標懸停在元素上的樣式,:active用于點擊元素時的樣式,:visited用于已訪問鏈接的樣式等。例如:
a:hover { color: #0000ff; text-decoration: underline; }
上面的代碼定義了當鼠標懸停在鏈接上時,鏈接字體顏色為藍色,下劃線樣式。
總體來說,CSS在網頁設計中起到了舉足輕重的作用。通過CSS可以輕松控制頁面元素的樣式,從而使頁面更加美觀、易讀、易用。
上一篇aspnet和vue
下一篇quasar vue圖表