CSS(Cascading Style Sheets)是一種用于控制網頁樣式的語言,它定義了網頁的基本布局和外觀。而CSS語法又分為選擇器、屬性、值三個部分。
選擇器{ 屬性: 值; }
選擇器是指要設置樣式的HTML元素。它可以是元素、類、ID等各種不同的形式。屬性是要設置的CSS樣式,例如顏色、大小、字體等。值則是屬性所擁有的值,例如紅色、12pt、宋體等。
以下是一些不同類型的選擇器:
- 元素選擇器: 選擇該元素的樣式,如p、head、body等
- 類選擇器: 選擇具有相同類名的元素,以 "." 開頭,如 .content、.header 等
- ID 選擇器: 選擇具有相同 ID 名稱的元素,以 "#" 開頭,如 #title、#header 等
- 后代選擇器: 選擇指定元素中,某種元素下的所有子元素,如p>span,選擇p元素下的所有span元素
- 偽類選擇器: 用于指定元素的狀態,如:hover、:active,表示鼠標懸停和被點擊時的狀態
通過選擇器,我們可以對特定的HTML元素應用CSS屬性和樣式,下面是一些基本的CSS屬性:
- color: 修改文本顏色
- font-size: 修改字體大小
- background-color: 修改背景顏色
- border: 修改元素邊框
- padding: 修改元素內邊距
您可以通過在屬性和值之間添加冒號和分號來定義CSS屬性的值。以下是一個簡單的示例:
p{ color: red; font-size: 16px; border: 1px solid #ccc; }
在這個例子中,我們選擇了所有的 p 元素,應用了紅色文本顏色、16像素字體大小和灰色實線邊框。
最后,CSS樣式可以應用于HTML文檔的多個元素。當有沖突時,CSS樣式參照了CSS優先級規則,所以您需要了解這些規則以確保應用正確的樣式。