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