CSS規則位于CSS文件中,規則包括選擇器和聲明
p { color: red; font-size: 14px; }
選擇器指定CSS應用于哪些HTML元素。在上面的例子中,選擇器是“p”,這意味著規則適用于所有
元素。
聲明定義應用于指定HTML元素的樣式。在上面的例子中,聲明包括顏色和字體大小。
一個CSS文件可以包含許多規則,每個規則都可以包含多個聲明。
h1 { color: blue; font-size: 24px; text-align: center; } .button { color: white; background-color: green; border: none; padding: 10px; font-size: 16px; }
在第一個規則中,選擇器是“h1”,聲明包括顏色、字體大小和文本對齊方式。在第二個規則中,選擇器是“.button”,這意味著規則將適用于類別為“button”的所有HTML元素。該規則包括顏色、背景顏色、邊框和填充。
為了更好的組織CSS規則,可以使用注釋和空白行:
/* 這是一個注釋 */ h2 { color: purple; font-size: 20px; } /* 這是另一個規則 */ .box { width: 100px; height: 100px; background-color: yellow; margin: 10px; }
在上面的例子中,注釋被用于提供關于規則的更多信息,并且規則之間有空白行,以增強可讀性。