📄 7-3-5.cfm.htm
字号:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>在class中加入styles</title>
<meta name="GENERATOR" content="Microsoft FrontPage 3.0">
</head>
<body>
<font FACE="宋体"><b>
<p ALIGN="JUSTIFY">在class中加入styles</p>
</b></font><font FACE="宋体" SIZE="3">
<p ALIGN="JUSTIFY">本章到此为止，Style Sheets规则只与一些特定类型的HTML标识符相关联，然而你也可以让规则与一个class相关联而并不与任何一个特定的标识符关联。来看下面的例子：</p>
<p ALIGN="JUSTIFY"><HTML></p>
<p ALIGN="JUSTIFY"><HEAD></p>
<p ALIGN="JUSTIFY"><TITLE> Style </TITLE></p>
<p ALIGN="JUSTIFY"><STYLE></p>
<p ALIGN="JUSTIFY"><!--</p>
<p ALIGN="JUSTIFY">.FreeClass {font-size: 24pt}</p>
<p ALIGN="JUSTIFY">--></p>
<p ALIGN="JUSTIFY"></STYLE></p>
<p ALIGN="JUSTIFY"></HEAD></p>
<p ALIGN="JUSTIFY"><BODY></p>
<p ALIGN="JUSTIFY"><B CLASS=“FreeClass”></p>
<p ALIGN="JUSTIFY">I am bold and I am formatted with a 24 point font.</p>
<p ALIGN="JUSTIFY"></B></p>
<p ALIGN="JUSTIFY"><P CLASS=“FreeClass”></p>
<p ALIGN="JUSTIFY">I am the second paragraph and I am formatted with a 24 point font.</p>
<p ALIGN="JUSTIFY"></P></p>
<p ALIGN="JUSTIFY"></BODY></p>
<p ALIGN="JUSTIFY"></HTML></p>
<p ALIGN="JUSTIFY">在此例中，<B>和<P>标识符都与同一个class关联，位于<B>和<P>标识符内的文本都将以24点大小的字体显示。规则没有与任何一个HTML标识符关联，相反它只与class：FreeClass关联。</p>
<b>
<p ALIGN="JUSTIFY">注意</p>
</b>
<p ALIGN="JUSTIFY">在规则中指定class选择符时不要忘记在前面加上点号。如果你忘记了这个点号，浏览器就会认为你正试图为规则选定一个HTML标识符而不是一个class。</p>
</font>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -