CSS 樣式文字

在學習了 CSS 語言的基礎知識之後，接下來要關注的 CSS 主題是文字樣式——這是使用 CSS 最常見的操作之一。在這裡，我們將學習文字樣式的基礎知識，包括設定字型、粗體、斜體、行距和字距、投影以及其他文字功能。最後，我們將學習如何將自定義字型應用到頁面上，以及如何為列表和連結設定樣式。

先決條件

在開始學習本模組之前，您應該已經對 HTML 有一定的瞭解，如《HTML 入門》模組中所述，並且熟悉 CSS 基礎知識，如《CSS 入門》中所述。

注意：如果您使用的電腦/平板電腦/其他裝置無法建立自己的檔案，您可以嘗試在線上編碼程式（如 JSBin 或 Glitch）中執行（大部分）程式碼示例。

指南

本模組包含以下文章，它們將教會您 HTML 文字內容樣式的所有要點。

文字和字型樣式基礎

在這篇文章中，我們將詳細介紹文字/字型樣式的所有基礎知識，包括設定字型粗細、字體系列和樣式、字型簡寫、文字對齊和其他效果，以及行距和字距。

樣式化列表

在大多數情況下，列表的行為與其他文字相同，但有一些特定於列表的 CSS 屬性需要了解，還有一些最佳實踐需要考慮。本文將對此進行解釋。

在設定連結樣式時，務必瞭解如何利用偽類有效地設定連結狀態樣式，以及如何設定連結樣式以用於常見的各種介面功能，如導航選單和選項卡。我們將在本文中探討所有這些主題。

Web 字型

在這裡，我們將詳細探討網路字型——這些字型允許您將自定義字型與網頁一起下載，從而實現更多樣化、自定義的文字樣式。

評估

以下評估將測試您對以上指南中介紹的文字樣式技術的理解。

社群學校主頁排版

在本評估中，我們將透過讓您為社群學校的主頁設定文字樣式來測試您對文字樣式的理解。