电脑爱好者,提供IT资讯信息及各类编程知识文章介绍,欢迎大家来本站学习电脑知识。 最近更新 | 联系我们 RSS订阅本站最新文章
电脑爱好者
站内搜索: 
当前位置:首页>> HTML>>在HTML标识符的Class中加入Styles:

在HTML标识符的Class中加入Styles

来源:远方网络 | 2005-6-3 22:07:17 | (有2290人读过)

在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”的段落中。
HTML热门文章排行
网站赞助商
购买此位置

 

关于我们 | 网站地图 | 文档一览 | 友情链接| 联系我们

Copyright © 2003-2024 电脑爱好者 版权所有 备案号:鲁ICP备09059398号