⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 7-3-13.cfm.htm

📁 最全的ASP教程
💻 HTM
字号:
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>控制字体的Weight</title>
<meta name="GENERATOR" content="Microsoft FrontPage 3.0">
</head>

<body>
<b><font FACE="宋体">

<p ALIGN="JUSTIFY">控制字体的Weight、类型及Variant</p>
</font></b><font FACE="宋体" SIZE="3">

<p ALIGN="JUSTIFY">字体的weight决定了字体显示时的笔画粗度,字体的类型决定了字体是否以斜体显示,而字体的variant属性决定了字体是否以小的caps显示(SMALL 
CAPITAL LETTERS)。</p>

<p ALIGN="JUSTIFY">根据Cascading Style Sheet的建议,字体的weight应当决定字体笔画的粗度。然而,当前的浏览器只能识别绝对值:bold和normal。而且,当前的浏览器不支持小的caps。下面的例子使用了font-weight和font-style属性(见图7.26):</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">.BoldWeight {font-weight: bold}</p>

<p ALIGN="JUSTIFY">.ItalicStyle {font-style: italic}</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=BoldWeight&gt;</p>

<p ALIGN="JUSTIFY">This sentence is bold.</p>

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

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

<p ALIGN="JUSTIFY">This sentence is in italics.</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="Image69.gif" tppabs="http://210.74.168.175/guide/asp/part7/Image69.gif" WIDTH="595" HEIGHT="409"></p>
<b>

<p ALIGN="CENTER">图7.26 使用字体的weight和style属性</p>
</b></font>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -