CSS 是層疊樣式表(Cascading Style Sheets)的縮寫。它是一種用于描述文檔外觀和布局的樣式表語言。
在網站開發中,我們可以使用 CSS 代碼來修改網頁的樣式和排版,從而使網頁更美觀、易于閱讀、易于導航。CSS 能夠滿足許多不同的需求,例如改變網頁背景顏色、修改文字字體、添加陰影等等。
下面是一個使用 CSS 的例子。我們想要將一個段落的文字顏色設為紅色:
p { color: red; }
上述代碼中,我們使用了“p”標簽來針對所有段落進行樣式設置。花括號中的“color: red;”表示將文本顏色設為紅色。
如果我們只想針對某一個特定的段落修改樣式,可以給該段落添加一個 ID 或類別,然后在 CSS 中選擇該 ID 或類別進行修改。例如:
<p id="my-paragraph">Hello World</p> #my-paragraph { color: green; }
這里我們給該段落添加了 ID 為“my-paragraph”,然后在 CSS 中使用“#my-paragraph”選擇該段落并將文本顏色修改為綠色。
在實際使用中,我們可以進一步結合 HTML 和 JavaScript 來動態地添加、修改和刪除 CSS 代碼,從而實現動態的樣式效果。例如:
<button onclick="changeColor()">Change Color</button> <p id="my-text">Hello World</p> function changeColor() { var element = document.getElementById("my-text"); element.style.color = "blue"; }
上述代碼中,我們先定義了一個按鈕和一個段落,并給段落添加了 ID 為“my-text”。然后在 JavaScript 中,當按鈕被單擊時,我們獲取該段落的元素并使用“style.color”屬性將文本顏色修改為藍色。
CSS 的應用非常廣泛,詳情請參考 W3C 官網的 CSS 計劃。