同时控制多个字体属性

发表于:2007-06-30来源:作者:点击数: 标签:
同时控制多个字体属性 通过使用font属性,你可以同时控制文本的许多属性。这个属性将font-style、font-vari ant 、font-weight、font-size、line-height以及line-family组合成一个单个属性。下面所示的例子说明了怎样使用这个属性(见图7.27): HTML HEAD T

同时控制多个字体属性

通过使用font属性,你可以同时控制文本的许多属性。这个属性将font-style、font-variant、font-weight、font-size、line-height以及line-family组合成一个单个属性。下面所示的例子说明了怎样使用这个属性(见图7.27):

<HTML>

<HEAD>
<TITLE> Style </TITLE>

<STYLE>

<!--

.FirstFont {font: italic normal bold 14pt/20pt Arial}

.SecondFont {font: 14pt “Comic Sans MS”}

-->

</STYLE>

</HEAD>

<BODY>

<P CLASS=FirstFont>

I am the First Font.

</P>

<P CLASS=SecondFont>

I am the Second Font.

</P>

</BODY>

</HTML>

图7.27 使用font属性

你为font属性指定值时所列出的值的次序是很重要的。如果你列出的值没有依据正确的次序,浏览器就不能将正确的值与正确的属性联系起来。而且,请注意正斜杠(/)被用来分隔字体大小及行间隔宽度的值。

第一条规则为font属性列出了所有的值,第二条规则省略了许多值,只要你按照正确的次序放置它们,一切都会正常工作。

原文转自:http://www.ltesting.net