HTML 5 <style> 標(biāo)簽
定義和用法
<style> 標(biāo)簽定義文檔中的樣式。
如果需要在文檔中引用樣式表，應(yīng)該定義外部的樣式表，然后使用 <link> 來(lái)連接這個(gè)樣式表。
HTML 4.01 與 HTML 5 之間的差異
scoped 屬性是 HTML 5 中的新屬性，它允許我們?yōu)槲臋n的指定部分定義樣式，而不是整個(gè)文檔。
提示和注釋：
提示：如需學(xué)習(xí)更多有關(guān)樣式表的內(nèi)容，請(qǐng)?jiān)L問(wèn)我們的 CSS 教程。
提示：在 HTML 5 中，所有元素都不支持 style 屬性，如需為一個(gè)元素添加樣式，請(qǐng)?jiān)?style 元素中使用 scoped 屬性。
注釋：如果沒(méi)有定義 scoped 屬性，則 <style> 元素必須是 head 元素的子元素，或者是（屬于 head 元素的子元素的） noscript 元素的子元素。
例子
<head>
<style type="text/css">
h1 {color: blue}
h2 {color: red}
</style>
</head>
屬性
| 屬性 | 值 | 描述 | 4 | 5 |
|---|---|---|---|---|
| type | text/css | 定義內(nèi)容類型。 | 4 | 5 |
| media |
|
樣式信息的目標(biāo)媒介。 | 4 | 5 |
| scoped |
|
如果設(shè)置為 true，則樣式僅僅應(yīng)用到 style 元素的父元素及其子元素。 | 4 | 5 |
標(biāo)準(zhǔn)屬性
class, contenteditable, contextmenu, dir, draggable, id, irrelevant, lang, ref, registrationmark, tabindex, template, title
如需完整的描述，請(qǐng)?jiān)L問(wèn) HTML 5 中標(biāo)準(zhǔn)屬性。
事件屬性
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
如需完整的描述，請(qǐng)?jiān)L問(wèn) HTML 5 中事件屬性。
TIY 實(shí)例
- HTML中的樣式
- 本例演示如何使用添加到 <head> 部分的樣式信息對(duì) HTML 進(jìn)行格式化。
- 沒(méi)有下劃線的鏈接
- 本例演示如何使用樣式屬性做一個(gè)沒(méi)有下劃線的鏈接。
- 鏈接到一個(gè)外部樣式表
- 本例演示如何<link>標(biāo)簽鏈接到一個(gè)外部樣式表。