CSS(層疊樣式表)用于控制HTML文檔的外觀和樣式。CSS可以控制HTML文檔中的所有內容,如文本、背景、邊框、填充、圖像、表格等等。
CSS代碼由選擇器和聲明組成,如下所示:
selector { property: value; property: value; }
選擇器用于選擇HTML文檔中的元素,聲明包含屬性和屬性值。選擇器可以是元素名、類名、ID名等等,也可以是它們的組合。例如,以下選擇器選取所有段落:
p { color: red; }
屬性為CSS屬性名,值為CSS屬性值,用冒號分隔。在上面的例子中,color是屬性,red是屬性值。
CSS語法中的一些重要概念:
- 繼承:某些屬性可以繼承自父元素,例如color和font-size。如果不希望子元素繼承該屬性,可以用inherit關鍵字取消繼承。
- 優先級:如果多個選擇器同時作用于同一元素,CSS會根據優先級決定采用哪一個。優先級通過不同的選擇器、ID、類名以及important關鍵字來計算。
- 盒模型:所有HTML元素都被視為一個矩形的盒子,包含內容、內邊距、邊框和外邊距四個部分。CSS通過width、height、padding、border和margin等屬性來控制盒子的大小和位置。
以上是CSS的基本語法和一些概念,掌握了這些可以開始編寫簡單的樣式表了。