CSS 文字樣式

在掌握了 CSS 語言的基礎知識後,接下來你應該重點關注 CSS 的文字樣式,這是你使用 CSS 最常見的功能之一。這裡我們將介紹基本知識,包括設定字型、粗細、斜體、行間距和字母間距、投影以及其他文字特性。我們還將介紹如何在頁面上應用自定義字型,以及如何設定列表和連結的樣式。

預備知識

在開始學習本模組之前,你應該熟悉 HTMLCSS 的基本原理

注意:如果你正在使用的電腦、平板電腦或其他裝置無法建立檔案,你可以嘗試在線上編輯器中執行程式碼,例如CodePenJSFiddle

教程與挑戰

基本文字和字型樣式

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

列表樣式

列表在大多數情況下與普通文字表現一致,但也有一些你必須瞭解的特定於列表的 CSS 屬性,以及一些需要考慮的最佳實踐。本文將全面解釋這些內容。

在設定連結樣式時,重要的是要理解預設連結樣式的重要性,如何有效地使用偽類來設定連結狀態的樣式,以及如何為導航選單和選項卡等常見的不同介面功能中的連結設定樣式。我們將在本文中探討所有這些主題。

Web 字型

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

挑戰:排版社群學校主頁 挑戰

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