【轉載請保留風信網文章內容的完整性,如果您不能遵守此原則,我們將保留追究法律責任的權利】
<style> 標籤
定義和用法
<style> 標籤定義 HTML 文檔的樣式資訊。
在 style 元素中,您規定的是 HTML 元素如何在瀏覽器中呈現。
實例
在 HTML 文檔中使用 style 元素:
<html>
<head>
<style type="text/css">
h1 {color:red}
p {color:blue}
</style>
</head>
<body>
<h1>Header-1</h1>
<p>This is a paragraph.</p>
</body>
</html>
親自試一試
<! DOCTYPE HTML>
<html>
<head>
<style type="text/css">
h1 {color:red}
p {color:blue}
</style>
</head>
<body>
<h1>Header-1</h1>
<p>This is a paragraph.</p>
</body>
</html>
HTML 4.01 與 HTML 5 之間的差異
scoped 屬性是 HTML 5 中的新屬性,它允許我們為文檔的指定部分定義樣式,而不是整個文檔。
如果使用 "scoped" 屬性,那麼所規定的樣式只能應用到 style 元素的父元素及其子項目。
風信網(www.ithov.com)提示和注釋:
風信網提示:如需連結外部樣式表,請使用 <link> 標籤。
風信網提示:如需學習更多有關樣式表的知識,請訪問相關的 CSS 教程。
注釋:如果未定義 scoped 屬性,那麼 <style> 元素必須位於 <head> 部分中。
屬性
屬性 值 描述 type text/css 定義內容類型。 media screen
tty
tv
projection handheld
print
braille
aural
all 樣式資訊的目標媒介。 scoped scoped 如果使用該屬性,則樣式僅僅應用到 style 元素的父元素及其子項目。
標準屬性
<style> 標籤支援 HTML 5 中的標準屬性。
事件屬性
<style> 標籤支援 HTML 5 中的事件屬性。