5.9  自我测试

1．为一篇文档的标题部分设置有边饰字体，为正文设置无边饰字体，这些设置必须拥有最大的系统兼容性。

2．在第1题的基础上，把标题设置为粗体，正文的部分文本设置为斜体。

3．利用font快捷定义属性设置标题和正文字体大小。

1．要获得在字体方面的最大系统兼容性，则必须设置通用字符集。假设标题元素为<h1>，正文元素为<p>，则本题答案如示例5.12所示。

<style>

h1 { font-family: Georgia, Times New Roman, Serif; }

p { font-family: Verdana, Arial, Sans Serif; }

</style>

在代码中，每一个字体定义的前两种字体名称是具体字体名称，最后一个则是通用字体集名称。

2．粗体和斜体分别用font-weight和font-style来完成，如示例5.13所示。

<style>

h1 { font-family: Georgia, Times New Roman, Serif;

font-weight: bold; }

p { font-family: Verdana, Arial, Sans Serif;

font-style: italic; }

</style>

3．font属性是一次快捷定义所有有关字体样式的属性。用font属性定义字体大小只要直接跟上字体尺寸即可，如示例5.14所示。

h1 { font-family: Georgia, Times New Roman, Serif;

font-weight: bold;

font: 24pt; }

p { font-family: Verdana, Arial, Sans Serif;

font-style: italic;

font: 10pt; }

在font属性中，只定义了字体大小，没有其他相关字体样式。此时元素就继承先前定义过的其他相关属性。