CSS

CSS標誌

CSS（cascading style sheets），有譯層疊樣式表、階層式樣式表，係用嚟幫結構化文件（好似 HTML、XML）加式樣（好似字型、間距同色水）嘅電腦語言，由 W3C 定義同維護。CSS 響1996年推出，而家廣泛應用嘅係第三代，即係 CSS3。

句法

CSS 嘅句法主要一句句規則組成，每條規則集都包含選擇器（Selector）同埋若干個宣告區塊（Declaration Block）。

選擇器

選擇器位於規則嘅開頭，用嚟精確噉指定邊個 HTML 元素要落風格。常見嘅選擇器包括元素名（例如 p、h1）、類別名（例如 .button）或 ID 名（例如 #header）等等。

宣告區塊

選擇器後，要用一對大括號 {} 包圍住若干句宣告。

宣告由屬性（Property）同數值（Value）組成，用冒號 : 分隔，並以分號 ; 結尾。

• 屬性：想要設定嘅樣式特徵。
• 數值：賦予該屬性嘅特定設定值，例如顏色要有個符號標示邊種色。

範例結構：

selector {
  property: value;  /* 第一個宣告 */
  property: value;  /* 第二個宣告 */
}

實際例子：

h1 {
  color: white;       /* 設定 h1 標題嘅文字顏色為白色 */
  background-color: black; /* 設定 h1 標題嘅背景顏色為黑色 */
}

Flexbox

内文：Flexbox

網格

内文：CSS網格

轉折

睇埋：CSS動畫

睇埋

• 正方
• HTML
• 網頁開發