首页 > CSS基础知识 > 类

可以给各标签定义不同的类。定义一个类的时候,类名的前面要用点(.)。下面的例子里,给 <p> 标签定义了red类和green类,并且在两个 p 元素里分别使用它们。

<html>
<head>
<title>举例</title>
<style type="text/css">
<!--
P.red   { color: red; }
P.green { color: green; }
-->
</style>
</head>
<body>
<p class=red>这个元素使用red类。</p>
<p class=green>这个元素使用green类。</p>
</body>
</html>

也可以不指定标签,光定义一个类。这样就可以给各种标签使用。

.red { color: red; }

<h1 class=red>这个元素使用red类。</h1>
<p class=red>这个元素也使用red类。</p>

IE5.0 以后可以同时使用复数的类。

.red { color: red; }
.bold { font-weight: bold; }

<span class="red bold">红色粗体字</span>