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 文件就可以改變所有頁面的佈局和外觀。