在HTML标识符的Class中加入Styles

发表于:2007-06-30来源:作者:点击数: 标签:
在HTML标识符的Class中加入Styles 假设你想为网页上特定的段落设定规则,而不是全部的内容。例如,你可能想让网页上的第一段以24点大小的字体显示,而第二段则以14点的大小显示,要利用Style Sheets实现这一点,你必须找到一种方法来区别不同的P标识符。 一

在HTML标识符的Class中加入Styles

假设你想为网页上特定的段落设定规则,而不是全部的内容。例如,你可能想让网页上的第一段以24点大小的字体显示,而第二段则以14点的大小显示,要利用Style Sheets实现这一点,你必须找到一种方法来区别不同的<P>标识符。

一个特殊的属性专门为这一目的而被引入,每一个HTML标识符都有一CLASS属性,它是用来将标识符分隔成不同的部分,下面的例子说明了如何使用这个属性:

<HTML>
<HEAD>

<TITLE> Style </TITLE>

<STYLE>

<!--

P.TheFirstClass {font-size: 24pt}

P.TheSecondClass {font-size: 14pt}

-->

</STYLE>

</HEAD>

<BODY>

<P CLASS=“TheFirstClass”>

I am the first paragraph and I am formatted with a 24 point font.

</P>

<P CLASS=“TheSecondClass”>

I am the second paragraph and I am formatted with a 14 point font.

</P>

</BODY>

</HTML>

位于两个<P>标识符之间的文字将以不同大小的字体显示出来(见图7.21)。这两个段落分别由它们的CLASS属性区别开来,例如,第一个段落与名为TheFirstClass的class相关联,而第二个段落则与名为TheSecondClass的class相关联。

图7.21 使用CLASS标识符

当指定了这些规则后,它们就和特定的class相关联。例如,第一个规则通过使用class选择符P.TheFirstClass与第一个class:TheFirstClass相关联。class选择符可用来区别一个标识符中不同的class,第一个段落的格式由第一个规则决定,因为这条规则选择了与class:TheFirstClass相关联的所有<P>标识符。

不只一个<P>标识符可成为同一个class的成员。例如,假设有第三个<P>标识符被添加进上述HTML文件中,并指定属性CLASS=“TheFirstClass”,则处于这个新的<P>标识符中的文字也受第一条规则的控制,第一条规则将作用于所有具备属性CLASS=“TheFirstClass”的段落中。

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