樣式表,全稱為Cascading Style Sheets,簡稱CSS,是一種標記語言,它用來描述網頁的外觀和表現,為網頁設置樣式,使網頁呈現出符合設計要求的效果。
CSS可以用來控制網頁中各個元素的樣式,如字體、顏色、大小、位置等等。通過在HTML標記中引用CSS,可以將網頁的樣式和結構分離開來,使網站結構更清晰,代碼更容易維護。樣式表有三種方式定義樣式:內部樣式、外部樣式和行內樣式。
類和ID是CSS樣式表中最重要的兩個選擇器。類選擇器可以針對一組特定的元素設置樣式,ID選擇器可以針對特定的元素設置樣式。
/*類選擇器*/ .className { 屬性: 值; } /*ID選擇器*/ #idName { 屬性: 值; }
例如,我們可以使用類選擇器和ID選擇器來控制頁面中的h1元素:
<h1 class="title">這是一個標題</h1> <h1 id="title">這是另一個標題</h1> /* CSS 樣式表 */ .title { font-size: 18px; color: red; } #title { font-size: 28px; color: blue; }
以上樣式表將會使class為“title”的元素字體大小為18像素,顏色為紅色;id為“title”的元素字體大小為28像素,顏色為藍色。
CSS已經成為網頁布局和設計中不可或缺的一部分,使用它可以使網頁的結構更加清晰、易于維護,并且可以讓網頁的設計更加美觀、大氣。