CSS 的基本語法

CSS 由多組規則組成。每個規則由 選取器 (Selector)、屬性 (Property) 和 值 (Property value) 所組成:

例如，以下規則將所有 <h1> 標籤的文字顏色設定為藍色，字體大小設定為 24px：

h1 {
  color: blue;
  font-size: 24px;
}

小提醒

• 一個規則中，可以由多組屬性、值來完成，每個值的結尾務必加上半行字 ;，以避免發生語法錯誤。
• 呈上述，規則中最後一組屬性、值的結尾可以不加上半行字 ;，但在開發過程中，常有添加新屬性、值的狀況發生，因此，建議還是加上去比較好。
• 若有多個選取器共用同一個規則時(群組化)，可在每個選取器的前面保留一個 空白 較好閱讀。
• 值的前面保留一個 空白 較好閱讀。
• 建議每組屬性、值都以單行來表示，較好維護與閱讀。
• 建議屬性的開始位置不要與選取器相同，至少保留兩個 空白 或一個 tab。
• 在 VSCode 中，可在 CSS 文件中進行 按滑鼠右鍵/格式化文件 來整理原始碼。