华中红客安全网17 css中类-class.pdfVIP

*********************************************************

华中安全网

：

专业的技术站点的技术培训

规模最大、实力最强、信誉技术培训站点

注：本只做技术交流，请不要用作用途

*********************************************************

学习专业的技术请报名会员

讲师：默爱

课题：CSS系列课程第十七课关于CSS中的类-CLASS

先看一个简单的例子：以下是常见按钮，使用“类”控制字体的按钮是不是漂亮了许多？而没有使用“类”控制的按钮的字体看上去就有

点变形？本例使用9pt大小的宋体字控制的。

这是“类”的一个用途。

奥秘是这样的：

先定义一个“类class”：

styletype=text/css

!--

.pt9{font-family:宋体;font-size:9pt}

--

/style

这里“类”的名字叫做“pt9”,前面有一个“.”。

然后在HTML中加上class=pt9即可，如下：

formmethod=postaction=...

inputtype=submitname=Submitvalue=使用了类的按钮class=pt9

/form

是不是非常简单？

★☆★再进一步看看--一个可以定义数个“类”。

P.green{color:green}

P.yellow{color:yellow}

P.red{color:red}

在HTML中，这样做(只要相应的类就可以了)：

PCLASS=green绿显示的字符/P

PCLASS=yellow显示的字符/P

PCLASS=red红色显示的字符/P

显示的结果如下：

绿显示的字符

显示的字符

红色显示的字符