CSS(層疊樣式表)是一種用于為 HTML 頁面添加樣式的語言。CSS 樣式可以控制網(wǎng)頁的布局、顏色、字體大小、背景圖像、邊框等各個方面,從而增強網(wǎng)頁的視覺效果和交互性。
CSS 樣式可以由以下組成:
1. 屬性 2. 值 3. 選擇器
屬性是描述樣式的特征和屬性名,例如 "color"、"font-size"、"background-color" 等。
h1 { color: red; font-size: 36px; background-color: yellow; }
值是 CSS 屬性所能接受的特定類型,例如顏色、長度、字體系列等。每個屬性都有一系列可能的值,例如:
h1 { color: red; /* 顏色 */ font-size: 36px; /* 長度 */ font-family: Arial, sans-serif; /* 字體系列 */ }
選擇器是一種用于指定應(yīng)用樣式的 HTML 元素的方法。選擇器可以根據(jù) HTML 元素的標簽名稱、類、ID、屬性等來進行選擇。例如:
/* 標簽名稱選擇器 */ h1 { font-size: 36px; } /* 類選擇器 */ .text-red { color: red; } /* ID 選擇器 */ #header { background-color: yellow; } /* 屬性選擇器 */ input[type="text"] { border: 1px solid #ccc; }
通過組合屬性、值和選擇器,我們可以創(chuàng)建各種各樣的 CSS 樣式來美化網(wǎng)頁。 CSS 樣式可以通過內(nèi)聯(lián)樣式、內(nèi)部樣式表和外部樣式表等方式來應(yīng)用到 HTML 頁面中。