• 基本網頁設計
  • 認識CSS
  • CSS基本觀念
  • import_contacts CSS基本觀念
    3384
適用範圍

使用CSS,來為網頁注入生命力

實用性:
重要性:

什麼是CSS?

CSS 的英文名 Cascading Style Sheets,縮寫CSS,是一種樣式表 (Stylesheet) 語言。

CSS的中文名稱也有許多種如:串樣式列表、級聯樣式表、串接樣式表、層疊樣式表、階層式樣式表。 是用來為結構化文件(如HTML文件或XML應用)添加樣式(字型、間距和顏色等)的電腦語言,由W3C定義和維護。 目前最新版本是CSS2.1,為W3C的推薦標準。

優點

網頁的讀者和作者都可以使用CSS來決定檔案的顏色、字型、排版等顯示特性。CSS最主要的目的是將檔案的內容與顯示分隔開來

位置

CSS資訊可以來自:

  • 作者樣式:作者可以在他的HTML檔案中確定一個外來的、獨立的CSS檔案(外部樣式表),其優先級最低
  • 自定樣式:讀者可以在他的瀏覽器內設立一個CSS檔案。這個CSS檔案可以用在所有的HTML檔案上。
  • 瀏覽器樣式:假如外部沒有特別指定一個樣式的話,一般瀏覽器自己有一個內在的樣式

語法

CSS由多組「規則」組成。每個規則由「選擇器」(selector)、「屬性」(property)和「值」(value)組成:

  • 選擇器(Selector):多個選擇器可以半形逗號(,)隔開。
  • 屬性(property):CSS1、CSS2、CSS3規定了許多的屬性,目的在控制選擇器的樣式。
  • 值(value):指屬性接受的設定值,多個關鍵字時大都以空格隔開。

屬性和值之間用半形冒號(:)隔開,屬性和值合稱為「特性」。多個特性間用「;」隔開,最後用「{ }」括起來。