<風格>
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>
運行實例»
點擊"運行實例" 按鈕查看線上實例
瀏覽器支援
所有主流瀏覽器都支援< 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 | Newscoped |
typetext/css規定樣式表的 MIME 類型。
全域屬性
<style> 標籤支援 HTML 的全域屬性。
事件屬性<style> 標籤支援 HTML 的事件屬性。