<風格>


HTML <style> 標籤

#實例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title>
<style type="text/css">
h1 {color:red;}
p {color:blue;}
</style>
</head>

<body>
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
</body>

</html>

運行實例»

點擊"運行實例" 按鈕查看線上實例


瀏覽器支援

1000.png

所有主流瀏覽器都支援< style> 標籤。


標籤定義並使用說明

<style> 標籤定義 HTML 文件的樣式資訊。

在 <style> 元素中,您可以規定在瀏覽器中如何呈現 HTML 文件。

每個 HTML 文件能包含多個 <style> 標籤。


提示與註解

提示:如需連結外部樣式表,請使用 <link> 標籤。

提示:如需學習更多關於樣式表的知識,請閱讀我們的 CSS 教學。

註解:如果沒有使用 "scoped" 屬性,則每一個 <style> 標籤必須位於 head 頭部區域。


HTML 4.01 與HTML5之間的差異

"scoped" 屬性是HTML 5 中的新屬性,它允許我們為文件的指定部分定義樣式,而不是整個文檔。
如果使用 "scoped" 屬性,那麼所規定的樣式只能套用到 style 元素的父元素及其子元素。


屬性

New :HTML5 中的新屬性。

##media_queryNew如果使用該屬性,則樣式僅套用到style 元素的父元素及其子元素。
屬性描述
media
為樣式表規定不同的媒體類型。
scopedscoped


type

text/css

規定樣式表的 MIME 類型。


全域屬性

<style> 標籤支援 HTML 的全域屬性。

事件屬性

<style> 標籤支援 HTML 的事件屬性。

###相關文章######HTML 教學:HTML CSS######HTML DOM 參考手冊:Style 物件###############