CSS 是層疊樣式表(Cascading Style Sheets)的縮寫。CSS 指示瀏覽器如何渲染 HTML 中的元素。CSS 包括三個部分:選擇器、屬性和值。
選擇器決定哪些元素將受到影響。例如,如果你希望設置所有段落的樣式,你可以使用選擇器p
。屬性描述這些元素的外觀和行為。例如,color
屬性描述文本顏色,font-size
屬性描述文本大小。值指定屬性的具體設置。例如,color: red;
將把文本顏色設置為紅色。
您可以在文件中編寫 CSS,也可以將 CSS 保存在單獨的文件中,供 HTML 文件引用。這是一個例子:
p { color: green; font-size: 24px; }
在此示例中,選擇器p
選擇文檔中的所有段落。color
屬性將文本顏色設置為綠色,font-size
屬性將文本大小設置為 24 像素。
如果您想要更準確地控制選擇器的樣式,還可以使用類或 ID 選擇器,并使用嵌套選擇器設置元素之間的層次關系:
/* 類選擇器 */ p.intro { color: gray; } /* ID 選擇器 */ #header { background-color: blue; } /* 嵌套選擇器 */ nav ul li { display: inline-block; }
在上述示例中,類選擇器.intro
僅選擇類為 "intro" 的段落元素。ID 選擇器#header
選擇 ID 屬性為 "header" 的任何元素。嵌套選擇器將選擇某些元素的子元素。