《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字体，然后在样式表并且最终在页面自身的布局中包括它们。