HTML 5 <style> 标签

定义和用法

<style> 标签定义文档中的样式。

如果需要在文档中引用样式表,应该定义外部的样式表,然后使用 <link> 来连接这个样式表。

HTML 4.01 与 HTML 5 之间的差异

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

提示和注释:

提示:如需学习更多有关样式表的内容,请访问我们的 CSS 教程

提示:在 HTML 5 中,所有元素都不支持 style 属性,如需为一个元素添加样式,请在 style 元素中使用 scoped 属性。

注释:如果没有定义 scoped 属性,则 <style> 元素必须是 head 元素的子元素,或者是(属于 head 元素的子元素的) noscript 元素的子元素。

例子

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

属性

属性 描述 4 5
type text/css 定义内容类型。 4 5
media
  • screen
  • tty
  • tv
  • projection
  • handheld
  • print
  • braille
  • aural
  • all
样式信息的目标媒介。 4 5
scoped
  • true
  • false
如果设置为 true,则样式仅仅应用到 style 元素的父元素及其子元素。 4 5

标准属性

class, contenteditable, contextmenu, dir, draggable, id, irrelevant, 
lang, ref, registrationmark, tabindex, template, title

如需完整的描述,请访问 HTML 5 中标准属性

事件属性

onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu, 
ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, 
ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, 
onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout, 
onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload

如需完整的描述,请访问 HTML 5 中事件属性

TIY 实例

HTML中的样式
本例演示如何使用添加到 <head> 部分的样式信息对 HTML 进行格式化。
没有下划线的链接
本例演示如何使用样式属性做一个没有下划线的链接。
链接到一个外部样式表
本例演示如何<link>标签链接到一个外部样式表。