《HTML5+CSS3網頁設計入門必讀》——6.7 測驗

本節書摘來自異步社群《html5+css3網頁設計入門必讀》一書中的第6章，第6.7節,作者： 【美】julie meloni更多章節内容可以通路雲栖社群“異步社群”公衆号檢視。

本測驗包含一些問題和練習，可幫助讀者鞏固本章所學的知識。在檢視答案之前，要嘗試盡量回答所有的問題。

6.7.1 問題

1．怎樣使用樣式代替< b >或< strong >标簽建立一個段落，并使其中前3個單詞顯示為粗體？

2．怎樣表示水的化學公式？

3．怎樣在web頁面上顯示“© 2013, webwonks inc.”？

4．怎樣居中顯示整個頁面上的所有文本？

6.7.2 答案

1．可以使用下面這段代碼：

2．使用以下代碼：

3．可以使用以下代碼之一：

4．如果考慮把<code>&lt;div style="text-align:center"&gt;</code> 或者另一個容器元素緊接着放在頁面頂部的&lt; body &gt;标簽後面，并在頁面底部的 body &gt;标簽之前使用 div &gt;，那麼你就是正确的。不過，在&lt; body &gt;标簽中也直接支援text-align樣式，這意味着可以放棄&lt; div &gt;标簽，并且style="text-align:center"樣式直接放在&lt; body &gt;标簽中。這樣，整個頁面将迅速居中顯示。

6.7.3 練習

對多個塊級元素（如&lt; p &gt;、&lt; div &gt;、&lt; ul &gt;和&lt; li &gt;清單項）以及一些語義元素應用字型級樣式屬性。嘗試嵌套元素，以便感受樣式如何通過内容層次結構進行層疊或者不層疊。

使用文本對齊樣式屬性把文本塊放在web頁面上的多個不同的位置。嘗試嵌套段落和分區（&lt; p &gt;和&lt; div &gt;），以便感受樣式如何通過内容層次結構進行層疊或者不層疊。

瘋狂體驗web字型。通過google web fonts找到一些web字型，然後在樣式表并且最終在頁面自身的布局中包括它們。