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>標簽鏈接到一個外部樣式表。