HTML <style> 標籤
實例
在HTML 文檔中使用<style> 元素：
<html>
<head>
<style type="text/css">
h1 {color:red;}
p {color:blue;}
</style>
</head>
<body>
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
</body>
</html>
<head>
<style type="text/css">
h1 {color:red;}
p {color:blue;}
</style>
</head>
<body>
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
</body>
</html>
嘗試一下»
瀏覽器支持
所有主流瀏覽器都支持<style> 標籤。
標籤定義及使用說明
<style> 標籤定義HTML 文檔的樣式信息。
在<style> 元素中，您可以規定在瀏覽器中如何呈現HTML 文檔。
每個HTML 文檔能包含多個<style> 標籤。
提示和註釋
提示：如需鏈接外部樣式表，請使用<link>標籤。
提示：如需學習更多有關樣式表的知識，請閱讀我們的CSS教程 。
註釋：如果沒有使用"scoped"屬性，則每一個<style>標籤必須位於head頭部區域。
HTML 4.01 與HTML5之間的差異
"scoped" 屬性是HTML 5 中的新屬性，它允許我們為文檔的指定部分定義樣式，而不是整個文檔。
如果使用"scoped" 屬性，那麼所規定的樣式只能應用到style 元素的父元素及其子元素。
屬性
New ：HTML5中的新屬性。
| 属性 | 值 | 描述 |
|---|---|---|
| media | media_query | 为样式表规定不同的媒体类型。 |
| scoped New | scoped | 如果使用该属性，则样式仅仅应用到 style 元素的父元素及其子元素。 |
| type | text/css | 规定样式表的 MIME 类型。 |
全局屬性
<style>標籤支持HTML的全局屬性 。
事件屬性
<style>標籤支持HTML的事件屬性 。
相關文章
HTML教程： HTML CSS
HTML DOM參考手冊： Style對象