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 |
| 樣式信息的目標媒介。 |
scoped | scoped | 如果使用該屬性,則樣式僅僅應用到 style 元素的父元素及其子元素。 |
全局屬性
<style> 標簽支持 HTML 5 中的全局屬性。
事件屬性
<style> 標簽支持 HTML 5 中的事件屬性。