7-3-14.cfm.htm

来自「最全的ASP教程」· HTM 代码 · 共 66 行

HTM
66
字号
<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">&lt;HTML&gt;</p>

<p ALIGN="JUSTIFY">&lt;HEAD&gt;<br>
&lt;TITLE&gt; Style &lt;/TITLE&gt;</p>

<p ALIGN="JUSTIFY">&lt;STYLE&gt;</p>

<p ALIGN="JUSTIFY">&lt;!--</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">--&gt;</p>

<p ALIGN="JUSTIFY">&lt;/STYLE&gt;</p>

<p ALIGN="JUSTIFY">&lt;/HEAD&gt;</p>

<p ALIGN="JUSTIFY">&lt;BODY&gt;</p>

<p ALIGN="JUSTIFY">&lt;P CLASS=FirstFont&gt;</p>

<p ALIGN="JUSTIFY">I am the First Font.</p>

<p ALIGN="JUSTIFY">&lt;/P&gt;</p>

<p ALIGN="JUSTIFY">&lt;P CLASS=SecondFont&gt;</p>

<p ALIGN="JUSTIFY">I am the Second Font.</p>

<p ALIGN="JUSTIFY">&lt;/P&gt;</p>

<p ALIGN="JUSTIFY">&lt;/BODY&gt;</p>

<p ALIGN="JUSTIFY">&lt;/HTML&gt;</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 + =
减小字号Ctrl + -
显示快捷键?