📄 7-3-14.cfm.htm
字号:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>同时控制多个字体属性</title>
<meta name="GENERATOR" content="Microsoft FrontPage 3.0">
</head>
<body>
<b><font FACE="宋体">
<p ALIGN="JUSTIFY">同时控制多个字体属性</p>
</font></b><font FACE="宋体" SIZE="3">
<p ALIGN="JUSTIFY">通过使用font属性，你可以同时控制文本的许多属性。这个属性将font-style、font-variant、font-weight、font-size、line-height以及line-family组合成一个单个属性。下面所示的例子说明了怎样使用这个属性（见图7.27）：</p>
<p ALIGN="JUSTIFY"><HTML></p>
<p ALIGN="JUSTIFY"><HEAD><br>
<TITLE> Style </TITLE></p>
<p ALIGN="JUSTIFY"><STYLE></p>
<p ALIGN="JUSTIFY"><!--</p>
<p ALIGN="JUSTIFY">.FirstFont {font: italic normal bold 14pt/20pt Arial}</p>
<p ALIGN="JUSTIFY">.SecondFont {font: 14pt “Comic Sans MS”}</p>
<p ALIGN="JUSTIFY">--></p>
<p ALIGN="JUSTIFY"></STYLE></p>
<p ALIGN="JUSTIFY"></HEAD></p>
<p ALIGN="JUSTIFY"><BODY></p>
<p ALIGN="JUSTIFY"><P CLASS=FirstFont></p>
<p ALIGN="JUSTIFY">I am the First Font.</p>
<p ALIGN="JUSTIFY"></P></p>
<p ALIGN="JUSTIFY"><P CLASS=SecondFont></p>
<p ALIGN="JUSTIFY">I am the Second Font.</p>
<p ALIGN="JUSTIFY"></P></p>
<p ALIGN="JUSTIFY"></BODY></p>
<p ALIGN="JUSTIFY"></HTML></p>
<p ALIGN="JUSTIFY"><img SRC="Image70.gif" tppabs="http://210.74.168.175/guide/asp/part7/Image70.gif" WIDTH="595" HEIGHT="409"></p>
<b>
<p ALIGN="CENTER">图7.27 使用font属性</p>
</b>
<p ALIGN="JUSTIFY">你为font属性指定值时所列出的值的次序是很重要的。如果你列出的值没有依据正确的次序，浏览器就不能将正确的值与正确的属性联系起来。而且，请注意正斜杠（/）被用来分隔字体大小及行间隔宽度的值。</p>
<p ALIGN="JUSTIFY">第一条规则为font属性列出了所有的值，第二条规则省略了许多值，只要你按照正确的次序放置它们，一切都会正常工作。</p>
</font>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -