HTML 5 全局 class 属性

w3school 在线教程

## HTML5 教程

- HTML5 教程
- HTML5 简介
- HTML5 视频
- HTML5 视频/DOM
- HTML5 音频
- HTML5 拖放
- HTML5 画布
- HTML5 SVG
- HTML5 画布 vs SVG
- HTML5 地理定位
- HTML5 Web 存储
- HTML5 应用缓存
- HTML5 Web Workers
- HTML5 服务器发送事件

## HTML5 表单

- HTML5 输入类型
- HTML5 表单元素
- HTML5 表单属性

## HTML5 测验

- HTML5 测验

## HTML5 参考手册

- HTML5 标签
- HTML5 属性
- HTML5 事件
- HTML5 视频/音频
- HTML5 画布
- HTML 有效 DTD

# HTML 5 全局 class 属性

HTML 5 全局属性

## 实例

在 HTML 文档中使用 class 属性：

    <html>
    <head>
    <style type="text/css">
    h1.intro {color:blue;}
    p.important {color:green;}
    </style>

    </head>

    <body>
    <h1 class="intro">Header 1</h1>
    <p>A paragraph.</p>
    <p class="important">Note that this is an important paragraph.</p>

    </body>
    </html>

亲自试一试

## 定义和用法

class 属性规定元素的类名（classname）。

class 属性大多数时候用于指向样式表中的类（class）。不过，也可以利用它通过 JavaScript 来改变带有指定 class 的 HTML 元素。

## 提示和注释

注释：class 属性不能在以下 HTML 元素中使用：base, head, html, meta, param, script, style 以及 title。

提示：可以给 HTML 元素赋予多个 class，例如：<span class="left_menu important">。这么做可以把若干个 CSS 类合并到一个 HTML 元素。

提示：类名不能以数字开头！只有 Internet Explorer 支持这种做法。

## HTML 4.01 与 HTML 5 之间的差异

None.

## 语法

    <element class="value">

### 属性值

值 | 描述
--- | ---
classname | 规定元素的类的名称。如需为一个元素规定多个类，用空格分隔类名。

## 亲自试一试 - 实例

向元素添加多个类
  如何向一个元素添加多个类。

HTML 5 全局属性