CSS(層疊樣式表)是用于美化網頁的技術之一,在定義 CSS 樣式時需要注意三個要素,分別是選擇器、屬性和屬性值。
選擇器 { 屬性名: 屬性值; }
選擇器:在 CSS 中,選擇器是用來選取 HTML 元素的。常見的選擇器有以下幾種:
- 標簽選擇器:通過標簽名選取元素,例如 p 代表所有的段落。
- id 選擇器:通過元素的 id 屬性選取元素,例如 #header 代表 id 為 header 的元素。
- 類選擇器:通過元素的 class 屬性選取元素,例如 .box 代表 class 為 box 的元素。
- 屬性選擇器:通過元素的屬性選取元素,例如 [href] 代表所有帶 href 屬性的元素。
- 組合選擇器:通過多個選擇器的組合選取元素,例如 #header .title 代表所有 class 為 title 的元素,并且它們是 id 為 header 的元素的子元素。
屬性:在 CSS 中,屬性是用來定義樣式的。常見的屬性有以下幾種:
- color:定義文字顏色。
- background-color:定義背景顏色。
- font-size:定義文字大小。
- font-family:定義文字字體。
- text-align:定義文字對齊方式。
- border:定義邊框。
屬性值:在 CSS 中,屬性值是用來定義屬性取值的。常見的屬性值有以下幾種:
- 顏色值:例如 red、green、#ff0000。
- 數值:例如 10px、20%,表示像素和百分比。
- 字體值:例如 Arial、宋體、sans-serif。
- 對齊方式值:例如 left、center、right。
- 邊框值:例如 1px solid #000,表示寬度、樣式和顏色。
通過選擇器、屬性和屬性值的組合,可以為網頁添加各種各樣的樣式效果,讓網頁更加美觀、易于閱讀。