HTML 5 <style> 标签

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 <style> 标签

## 定义和用法

<style> 标签定义 HTML 文档的样式信息。

在 style 元素中，您规定的是 HTML 元素如何在浏览器中呈现。

## 实例

在 HTML 文档中使用 style 元素：

    <html>
    <head>
    <style type="text/css">
    h1 {color:red}
    p {color:blue}
    </style>
    </head>

    <body>
    <h1>Header-1</h1>
    <p>This is a paragraph.</p>
    </body>
    </html>

亲自试一试

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

scoped 属性是 HTML 5 中的新属性，它允许我们为文档的指定部分定义样式，而不是整个文档。

如果使用 "scoped" 属性，那么所规定的样式只能应用到 style 元素的父元素及其子元素。

## 提示和注释：

提示：如需链接外部样式表，请使用 <link> 标签。

提示：如需学习更多有关样式表的知识，请访问我们的 CSS 教程。

注释：如果未定义 scoped 属性，那么 <style> 元素必须位于 <head> 部分中。

## 属性

属性 | 值 | 描述
--- | --- | ---
type | text/css | 定义内容类型。

media

- screen
- tty
- tv
- projection
- handheld
- print
- braille
- aural
- all

样式信息的目标媒介。

scoped | scoped | 如果使用该属性，则样式仅仅应用到 style 元素的父元素及其子元素。

## 全局属性

<style> 标签支持 HTML 5 中的全局属性。

## 事件属性

<style> 标签支持 HTML 5 中的事件属性。