HTML <style>標(biāo)簽用于將CSS嵌入HTML文檔中。可以將其放置在 <body>標(biāo)簽內(nèi)或 <head>標(biāo)簽內(nèi)。 默認(rèn)情況下， <style>標(biāo)簽的樣式信息通常是CSS的格式。此標(biāo)簽通常也稱為 <style>元素。
在 HTML 文檔中使用 <style> 元素：
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML style標(biāo)簽的使用(菜鳥教程 (cainiaoplus.com))</title>
</head>
<style>
h1 { color: blue; }
.p-style{color:red;font-weight:bold;}
</style>
</head>
<body>
<h1>HTML5 Example</h1>
<p class="p-style">這是一個帶style樣式的段落</p>
</body
</html>測試看看 ?/?IEFirefoxOperaChromeSafari
所有主流瀏覽器都支持 <style> 標(biāo)簽。
<style> 標(biāo)簽定義 HTML 文檔的樣式信息。
在 <style> 元素中，您可以規(guī)定在瀏覽器中如何呈現(xiàn) HTML 文檔。
每個 HTML 文檔能包含多個 <style> 標(biāo)簽。
提示：如需鏈接外部樣式表，請使用 <link> 標(biāo)簽。
提示：如需學(xué)習(xí)更多有關(guān)樣式表的知識，請閱讀我們的 CSS 教程。
注釋：如果沒有使用 "scoped" 屬性，則每一個 <style> 標(biāo)簽必須位于 head 頭部區(qū)域。
"scoped" 屬性是 HTML 5 中的新屬性，它允許我們?yōu)槲臋n的指定部分定義樣式，而不是整個文檔。
如果使用 "scoped" 屬性，那么所規(guī)定的樣式只能應(yīng)用到 style 元素的父元素及其子元素。
New ：HTML5 中的新屬性。
| 屬性 | 值 | 描述 |
|---|---|---|
| media | media_query | 為樣式表規(guī)定不同的媒體類型。 |
| scopedHTML5 | scoped | 如果使用該屬性，則樣式僅僅應(yīng)用到 style 元素的父元素及其子元素。 |
| type | text/css | 規(guī)定樣式表的 MIME 類型。 |
<style> 標(biāo)簽支持 HTML 的全局屬性。
<style> 標(biāo)簽支持 HTML 的事件屬性。
HTML 教程：HTML CSS
HTML DOM 參考手冊：Style 對象