CSS(層疊樣式表)是一種用于為網頁添加樣式和排版的語言。在CSS中,您可以使用語句來指定樣式和聲明如何顯示內容。本文將介紹如何創建CSS的語句。
selector { property: value; }
CSS語句通常包含兩個部分:選擇器和聲明塊。選擇器用于確定要應用樣式的HTML元素,而聲明塊則包含屬性和值,指定要應用的樣式。
例如,如果您想將所有段落的顏色設置為紅色,可以使用以下CSS語句:
p { color: red; }
在此示例中,選擇器是“p”,代表所有段落元素。聲明塊包含一個屬性(color)和它的值(red)。
聲明塊可以包含多個屬性,并用分號分隔。例如:
p { color: red; font-size: 16px; line-height: 1.5; }
此示例中,聲明塊包含三個屬性:顏色、字體大小和行高。
除了指定單個元素的樣式之外,CSS還可以使用類、ID、偽類和偽元素等更具體的選擇器。例如,以下CSS語句將元素的內容居中,并將特定類的元素的背景顏色更改為灰色:
.center { text-align: center; } .highlight { background-color: grey; }
在此示例中,類選擇器用“.”表示,而ID選擇器用“#”表示。偽類使用冒號表示,例如:hover表示當鼠標懸停在元素上時應用的樣式。
使用CSS語句,您可以輕松地為網頁添加自定義樣式和排版,提高設計性和用戶體驗。