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

  1. 云栖社区>
  2. 博客>
  3. 正文

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

异步社区 2017-05-02 09:34:00 浏览890
展开阅读全文

本节书摘来自异步社区《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.可以使用以下代码之一:

&copy; 2013, Webwonks Inc.
或

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

网友评论

登录后评论
0/500
评论