HTML 5 <style> 標簽
定義和用法
<style> 標簽定義文檔中的樣式。
如果需要在文檔中引用樣式表,應該定義外部的樣式表,然后使用 <link> 來連接這個樣式表。
HTML 4.01 與 HTML 5 之間的差異
scoped 屬性是 HTML 5 中的新屬性,它允許我們?yōu)槲臋n的指定部分定義樣式,而不是整個文檔。
提示和注釋:
提示:如需學習更多有關樣式表的內(nèi)容,請訪問我們的 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 | 定義內(nèi)容類型。 | 4 | 5 |
media |
|
樣式信息的目標媒介。 | 4 | 5 |
scoped |
|
如果設置為 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>標簽鏈接到一個外部樣式表。