HTML < style> 標簽
<style> 標簽包含了 HTML 文檔的樣式,在默認情況下,在該元素內寫入的樣式指令將被認為是CSS。
實例
在 HTML 文檔中使用 <style> 元素:
<html>
<head>
<style type="text/css">
h1 {color:red;}
p {color:blue;}
</style>
</head>
<body>
<h1>A heading</h1>
<p>A paragraph.</p>
</body>
</html>
<head>
<style type="text/css">
h1 {color:red;}
p {color:blue;}
</style>
</head>
<body>
<h1>A heading</h1>
<p>A paragraph.</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 | 為樣式表規定不同的媒體類型。 |
scopedNew | scoped | 如果使用該屬性,則樣式僅僅應用到 style 元素的父元素及其子元素。 |
type | text/css | 規定樣式表的 MIME 類型。 |
全局屬性
<style> 標簽支持 HTML 的全局屬性。
事件屬性
<style> 標簽支持 HTML 的事件屬性。
相關文章
HTML 教程:HTML CSS
HTML DOM 參考手冊:Style 對象