CSS 構建塊

本模組延續了 CSS 第一步的內容 - 現在您已經熟悉了語言及其語法，並獲得了一些使用它的基本經驗，現在是時候深入瞭解了。本模組將探討級聯和繼承、我們可用的所有選擇器型別、單位、大小、樣式化背景和邊框、除錯等等。

這裡的目標是為您提供編寫合格 CSS 的工具包，並幫助您瞭解所有基本理論，然後再繼續學習更具體的學科，如文字樣式和 CSS 佈局.

先決條件

在開始本模組之前，您應該具備

注意：如果您在沒有建立自己檔案的計算機/平板電腦/其他裝置上工作，可以嘗試在線上編碼程式中（大多數）嘗試程式碼示例，例如 JSBin 或 Glitch.

本模組包含以下文章，涵蓋了 CSS 語言最基本的部分。在學習過程中，您會遇到許多練習，讓您測試您的理解程度。

有多種 CSS 選擇器可用，允許在選擇要樣式化的元素時實現精細的精度。在本篇文章及其子文章中，我們將詳細介紹不同型別，看看它們是如何工作的。子文章如下：

本課的目的是讓您瞭解 CSS 的一些最基本概念 - 級聯、特異性和繼承 - 它們控制 CSS 如何應用於 HTML 以及如何解決衝突。

本課旨在向您介紹級聯層，這是一個更高階的功能，它基於 CSS 級聯和 CSS 特異性的基本概念。

CSS 中的所有內容都包含一個框，瞭解這些框是使用 CSS 建立佈局或將專案與其他專案對齊的關鍵。在本課中，我們將仔細研究 CSS 盒子模型，以便您能夠在瞭解其工作原理以及相關術語的情況下，繼續進行更復雜的佈局任務。

在本課中，我們將瞭解一些使用 CSS 背景和邊框可以實現的創意效果。從新增漸變、背景圖片和圓角到其他各種樣式，背景和邊框可以解決 CSS 中許多樣式問題。

近年來，CSS 不斷發展，以更好地支援不同的內容方向，包括從右到左以及從上到下的內容（例如日語） - 這些不同的方向被稱為 **書寫模式**。隨著您學習的深入並開始處理佈局，瞭解書寫模式將對您非常有幫助，因此我們將在本文中介紹它們。

在本課中，我們將探討 CSS 中另一個重要的概念 - **溢位**。溢位是指當內容過多而無法舒適地包含在盒子內時發生的情況。在本指南中，您將學習什麼是溢位以及如何管理它。

CSS 中的每個屬性都有一組允許的值。在本課中，我們將瞭解一些最常用的值和單位。

在之前的課程中，您已經接觸到許多使用 CSS 對網頁上的專案進行大小調整的方法。理解設計中不同功能的大小非常重要，在本課中，我們將總結透過 CSS 為元素設定大小的各種方法，並定義一些關於大小的術語，這些術語將幫助您在未來。

在本課中，我們將瞭解 CSS 如何處理某些特殊元素。圖片、其他媒體和表單元素在使用 CSS 進行樣式設定方面，與普通盒子有一些不同。瞭解什麼可以做什麼不可以，可以避免一些挫折，本課將重點介紹一些您需要了解的主要內容。

為 HTML 表格設定樣式不是世界上最令人興奮的工作，但有時我們都需要做。本文提供了一份使 HTML 表格看起來美觀的指南，並重點介紹了一些特定的表格樣式技巧。

本文就像一個技巧寶盒，介紹了一些有趣的進階樣式功能，例如盒陰影、混合模式和濾鏡。

有時在編寫 CSS 時，您會遇到 CSS 似乎無法按照您的預期工作的問題。本文將指導您如何除錯 CSS 問題，並向您展示所有現代瀏覽器中包含的 DevTools 如何幫助您找出問題所在。

當您開始處理更大的樣式表和大型專案時，您會發現維護一個巨大的 CSS 檔案可能很困難。在本文中，我們將簡要介紹一些關於編寫 CSS 以使其易於維護的最佳實踐，以及您在其他人使用的一些解決方案，以幫助提高可維護性。

以下評估將測試您對上面指南中所述 CSS 的理解。