為文本添加樣式

前提

在開始這一模塊之前，你應(yīng)當(dāng)像?Introduction to HTML?模塊中所探討的，已經(jīng)熟悉了基本的HTML，以及像?Introduction to CSS. 中所詳述的，對(duì)自己的CSS基礎(chǔ)感覺還滿意。

導(dǎo)引

這個(gè)模塊包括了以下文章，這些文章將教會(huì)您所有的基本功以支持您為HTML文本內(nèi)容添加樣式。

基本的文本以及字體樣式

在本文章中，我們將詳盡地經(jīng)歷文本、字體樣式的所有基礎(chǔ)，包括設(shè)置字體粗細(xì)（font weight）、字體系列及樣式（family and style）、字體縮寫（font）、文本排列（text alignment）和其他的效果，還有行（line）以及字符間距（letter spacing）。

為列表添加樣式

對(duì)于大部分內(nèi)容來說，列表的行為表現(xiàn)跟其他任何文本其實(shí)差不多，但您也需要了解還有一些專門用于列表的CSS樣式以及考慮一些最好的實(shí)踐方式。本文章將會(huì)解析這一切。

為鏈接添加樣式

當(dāng)您為鏈接添加樣式時(shí)，很重要的一點(diǎn)是要去理解怎樣有效地使用偽類去修飾鏈接的狀態(tài)，以及怎么去修飾不同的接口功能例如導(dǎo)航菜單和面板中所使用的鏈接。我們將會(huì)在這篇文章中討論這些話題。

網(wǎng)絡(luò)字體

在這里我們將會(huì)詳細(xì)地使用網(wǎng)絡(luò)字體——這會(huì)允許您一道下載您的網(wǎng)頁(yè)以及自定義字體，來實(shí)現(xiàn)更多不同的、自定義的字體樣式。

評(píng)估

以下的評(píng)估將會(huì)評(píng)測(cè)你對(duì)以上導(dǎo)引所涵蓋的為文本添加樣式的技術(shù)的理解。

對(duì)一個(gè)社區(qū)學(xué)校的主頁(yè)進(jìn)行排版

在這個(gè)評(píng)估中，我們通過讓您為一個(gè)社區(qū)學(xué)校的主頁(yè)添加文本樣式來測(cè)試您對(duì)文本樣式的理解程度。