HTML 5 <style> 標(biāo)簽
定義和用法
<style> 標(biāo)簽定義 HTML 文檔的樣式信息。
在 style 元素中,您規(guī)定的是 HTML 元素如何在瀏覽器中呈現(xiàn)。
實(shí)例
在 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 中的新屬性,它允許我們?yōu)槲臋n的指定部分定義樣式,而不是整個(gè)文檔。
如果使用 "scoped" 屬性,那么所規(guī)定的樣式只能應(yīng)用到 style 元素的父元素及其子元素。
提示和注釋?zhuān)?/h2>
提示:如需鏈接外部樣式表,請(qǐng)使用 <link> 標(biāo)簽。
提示:如需學(xué)習(xí)更多有關(guān)樣式表的知識(shí),請(qǐng)?jiān)L問(wèn)我們的 CSS 教程。
注釋?zhuān)?/span>如果未定義 scoped 屬性,那么 <style> 元素必須位于 <head> 部分中。
屬性
屬性 | 值 | 描述 |
---|---|---|
type | text/css | 定義內(nèi)容類(lèi)型。 |
media |
|
樣式信息的目標(biāo)媒介。 |
scoped | scoped | 如果使用該屬性,則樣式僅僅應(yīng)用到 style 元素的父元素及其子元素。 |
全局屬性
<style> 標(biāo)簽支持 HTML 5 中的全局屬性。
事件屬性
<style> 標(biāo)簽支持 HTML 5 中的事件屬性。