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 中的事件属性。