簡介

• 階層式樣式表（Cascading Style Sheets，簡稱CSS）
• 一種用來控制網頁外觀、設定網頁佈局的語言
• 無法單獨使用，必須與HTML或XML一起搭配使用

簡單來說，單單使用HTML寫出來的網頁就是預設內容置左、白底黑字，頂多有標題和段落的文字大小及粗細差距，使用CSS就是要來美化光禿禿的HTML。

CSS可以改變字體、字的顏色、尺寸、字的底色，也可以將網頁內容拆分為多區塊進行排版，或是添加動畫效果和其它裝飾。

語法

CSS由多組「規則」組成，而每個規則都由「選擇器」、「屬性」和「值」組成。
寫法為選擇器{屬性:值;}，其中屬性和值合稱為「特性」。

• 選擇器（selector）

  • 要改變樣式的物件。
  • 可以是某元素（h1、p等）、類別（class）、id，甚至是屬性（attributes）。
  • 多個選擇器可寫在一起，用,隔開。

  選擇器|寫法|範例
  --|--
  元素|元素名稱|h1
  類別|.類別名稱|.name
  id|#id名稱|#name
  屬性|[屬性]|[target]

• 屬性（property）

  • 要對選擇器做何種改變項目。
  • 例如font-size（文字大小）、color（文字顏色）等。

• 值（value）

  • 改變的結果。
  • 根據屬性（property）的不同會有不一樣的內容。
  • 例如20px（文字大小、寬度、高度等）、red（文字顏色、背景顏色等）。

屬性和值之間用:隔開，多個特性之間用;隔開。

p, h1 {
    color: blue;
    background-color: aqua;
}

關於CSS就初步介紹到這邊，明天會介紹如何把CSS套用在HTML上。我是YQ，明天見。