《HTML5+CSS3网页设计入门必读》——6.7 测验

本节书摘来自异步社区《HTML5+CSS3网页设计入门必读》一书中的第6章，第6.7节,作者： 【美】Julie Meloni更多章节内容可以访问云栖社区“异步社区”公众号查看。

6.7 测验

本测验包含一些问题和练习，可帮助读者巩固本章所学的知识。在查看答案之前，要尝试尽量回答所有的问题。

6.7.1 问题
1．怎样使用样式代替< b >或< strong >标签创建一个段落，并使其中前3个单词显示为粗体？

2．怎样表示水的化学公式？

3．怎样在Web页面上显示“© 2013, Webwonks Inc.”？

4．怎样居中显示整个页面上的所有文本？

6.7.2 答案
1．可以使用下面这段代码：

<p><span style="font-weight: bold">First three words</span> are bold.</p>

2．使用以下代码：

H<sub>2</sub>O

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

© 2013, Webwonks Inc.
或

© 2013, Webwonks Inc.

4．如果考虑把<div style="text-align:center"> 或者另一个容器元素紧接着放在页面顶部的< body >标签后面，并在页面底部的 body >标签之前使用 div >，那么你就是正确的。不过，在< body >标签中也直接支持text-align样式，这意味着可以放弃< div >标签，并且style="text-align:center"样式直接放在< body >标签中。这样，整个页面将迅速居中显示。

6.7.3 练习

• 对多个块级元素（如< p >、< div >、< ul >和< li >列表项）以及一些语义元素应用字体级样式属性。尝试嵌套元素，以便感受样式如何通过内容层次结构进行层叠或者不层叠。
• 使用文本对齐样式属性把文本块放在Web页面上的多个不同的位置。尝试嵌套段落和分区（< p >和< div >），以便感受样式如何通过内容层次结构进行层叠或者不层叠。
• 疯狂体验Web字体。通过Google Web Fonts找到一些Web字体，然后在样式表并且最终在页面自身的布局中包括它们。