CSS 入門

CSS（層疊樣式表）用於設定 Web 頁面的樣式和佈局——例如，更改內容的字型、顏色、大小和間距，將其分成多列，或新增動畫和其他裝飾性功能。本模組為您提供 CSS 精通之路的良好開端，涵蓋其工作原理基礎、語法以及如何開始使用它來為 HTML 新增樣式。

先決條件

在開始本模組之前，您應該具備以下知識：

對使用計算機和被動使用 Web（即檢視它、使用內容）的基本熟悉。
已設定基本工作環境，如安裝基本軟體中所述，並瞭解如何建立和管理檔案，如處理檔案中所述。
熟悉 HTML，如HTML 簡介模組中所述。

注意：如果您在無法建立自己檔案的計算機/平板電腦/其他裝置上工作，您可以嘗試在 JS Bin 或 Glitch 等線上編碼程式中嘗試（大部分）程式碼示例。

指南

本模組包含以下文章，將引導您瞭解 CSS 的所有基本理論，並提供機會測試一些技能。

什麼是 CSS？: CSS（層疊樣式表）允許您建立外觀出色的網頁，但它在幕後是如何工作的？本文透過一個簡單的語法示例解釋了什麼是 CSS，並涵蓋了一些關於該語言的關鍵術語。
CSS 入門: 在本文中，我們將使用一個簡單的 HTML 文件並應用 CSS，在此過程中學習一些關於該語言的實用知識。
CSS 的結構: 現在您已經瞭解了什麼是 CSS 以及它的基本用法，是時候更深入地瞭解該語言本身的結構了。我們已經遇到了這裡討論的許多概念；如果您發現任何後續概念令人困惑，可以返回此內容進行回顧。
CSS 的工作原理: 我們已經學習了 CSS 的基礎知識、它的用途以及如何編寫簡單的樣式表。在本文中，我們將瞭解瀏覽器如何獲取 CSS 和 HTML 並將其轉換為網頁。

評估

以下評估將測試您對以上指南中涵蓋的 CSS 基礎知識的理解。

樣式化傳記頁面: 透過您在前面幾篇文章中學到的知識，您應該能夠使用 CSS 格式化簡單的文字文件，為它們新增自己的樣式。此評估讓您有機會這樣做。

另請參閱

學習 HTML 和 CSS ^{MDN 課程合作伙伴}: Scrimba 的學習 HTML 和 CSS課程透過構建和部署五個很棒的專案來教授 HTML 和 CSS，並提供由知識淵博的教師教授的有趣互動課程和挑戰。