www.baike369.com
百科369 > HTML5教程 > HTML5 class属性

HTML5 class属性


定义

HTML5的class属性用于指定元素属于一个类或多个类(class)。

样式表使用类名来连接样式和使用此样式的元素。例如,我们可以使属于类important的元素都具有黄色背景。因为类名不为某一元素所专有,因而

<b class="important">

<p class="important">

可以共同存在于同一个文档。

一个元素也可以属于多个类,不同的类名以空格分隔。如

<strong class="important special-font">

表示元素<strong>属于两个类。


语法

<element class="value">

属性

规定元素的类的名称。如果需要为一个元素规定多个类,可以用空格分隔类名。


注释

class属性不能在以下HTML5元素中使用:base、head、html、meta、param、script、style以及title。


提示

  • 可以给HTML5元素赋予多个class,例如:<span class="left_menu important">。这么做可以把若干个CSS类合并到一个HTML5元素。
  • 类名不能以数字开头!只有Internet Explorer支持这种做法。

实例

源代码如下:

<!doctype html>
<html>
<head>
<meta charset="gb2312">
<title>HTML5 class属性示例-www.baike369.com</title>
<style type="text/css">
h1.title{color:blue;}
p.important{color:red;}
</style>
</head>
<body>
<h1 class="title">标题(蓝色)</h1>
<p>普通段落。</p>
<p class="important">重要的段落!(红色)</p>
</body>
</html>

源代码如下:

<!doctype html>
<html>
<head>
<meta charset="gb2312">
<title>HTML5向元素添加多个类示例-www.baike369.com</title>
<style type="text/css">
h1.title{
color:blue;
text-align:center;
}
.important {background-color:yellow;}
</style>
</head>
<body>
<h1 class="title important">标题</h1>
<p>普通段落。</p>
</body>
</html>
Copyright© 2011-2016 www.baike369.com All Rights Reserved