CSS 簡介

你需要具備的知識

在繼續學習之前，你需要對下麵的知識有基本的瞭解：

  • HTML / XHTML

如果你希望首先學習這些專案，請在 首頁 訪問相關教學。

什麼是 CSS?

  • CSS 指層疊樣式表 (Cascading Style Sheets)
  • 樣式定義如何顯示 HTML 元素
  • 樣式通常存儲在樣式表中
  • 把樣式添加到 HTML 4.0 中，是為了解決內容與表現分離的問題
  • 外部樣式表可以極大提高工作效率
  • 外部樣式表通常存儲在 CSS 檔中
  • 多個樣式定義可層疊為一個

CSS 實例

一個HTML文檔可以顯示不同的樣式: 查看CSS是如何工作的

樣式解決了一個很大的問題

HTML 標籤原本被設計為用於定義文檔內容，如下實例：

<h1>這是一個標題</h1>
<p>這是一個段落。</p>

樣式表定義如何顯示 HTML 元素，就像 HTML 中的字體標籤和顏色屬性所起的作用那樣。樣式通常保存在外部的 .css 檔中。我們只需要編輯一個簡單的 CSS 文檔就可以改變所有頁面的佈局和外觀。