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