前提
在開始這一模塊之前,你應(yīng)當(dāng)像?Introduction to HTML?模塊中所探討的,已經(jīng)熟悉了基本的HTML,以及像?Introduction to CSS. 中所詳述的,對自己的CSS基礎(chǔ)感覺還滿意。
注意: 如果您所使用的是不能創(chuàng)建自己的文件的電腦、筆記本或其他設(shè)備的話,您可以在一個在線編碼程序?JSBin?或?Thimble. 中嘗試(大部分的)代碼例子。
導(dǎo)引
這個模塊包括了以下文章,這些文章將教會您所有的基本功以支持您為HTML文本內(nèi)容添加樣式。
- 基本的文本以及字體樣式
- 在本文章中,我們將詳盡地經(jīng)歷文本、字體樣式的所有基礎(chǔ),包括設(shè)置字體粗細(xì)(font weight)、字體系列及樣式(family and style)、字體縮寫(font)、文本排列(text alignment)和其他的效果,還有行(line)以及字符間距(letter spacing)。
- 為列表添加樣式
- 對于大部分內(nèi)容來說,列表的行為表現(xiàn)跟其他任何文本其實差不多,但您也需要了解還有一些專門用于列表的CSS樣式以及考慮一些最好的實踐方式。本文章將會解析這一切。
- 為鏈接添加樣式
- 當(dāng)您為鏈接添加樣式時,很重要的一點是要去理解怎樣有效地使用偽類去修飾鏈接的狀態(tài),以及怎么去修飾不同的接口功能例如導(dǎo)航菜單和面板中所使用的鏈接。我們將會在這篇文章中討論這些話題。
- 網(wǎng)絡(luò)字體
- 在這里我們將會詳細(xì)地使用網(wǎng)絡(luò)字體——這會允許您一道下載您的網(wǎng)頁以及自定義字體,來實現(xiàn)更多不同的、自定義的字體樣式。
評估
以下的評估將會評測你對以上導(dǎo)引所涵蓋的為文本添加樣式的技術(shù)的理解。
- 對一個社區(qū)學(xué)校的主頁進(jìn)行排版
- 在這個評估中,我們通過讓您為一個社區(qū)學(xué)校的主頁添加文本樣式來測試您對文本樣式的理解程度。
更多建議: