為文本添加樣式

2018-05-15 17:26 更新

前提

在開始這一模塊之前,你應(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é)校的主頁添加文本樣式來測試您對文本樣式的理解程度。
以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號