HTML5 <style> 標(biāo)簽

2022-05-23 15:04 更新

實(shí)例

HTML5 <style>標(biāo)簽用于表示文檔所使用的樣式。請(qǐng)參考下述示例：

在 HTML 文檔中使用 <style> 元素：

<html>
<head>
<style type="text/css">
h1 {color:red;}
p {color:blue;}
</style>
</head>

<body>
<h1>這是一個(gè)標(biāo)題</h1>
<p>這是一個(gè)段落。</p>
</body>

</html>
嘗試一下 ?

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流瀏覽器都支持 <style> 標(biāo)簽。

標(biāo)簽定義及使用說明

<style> 標(biāo)簽定義 HTML 文檔的樣式信息。

在 <style> 元素中，您可以規(guī)定在瀏覽器中如何呈現(xiàn) HTML 文檔。

每個(gè) HTML 文檔能包含多個(gè) <style> 標(biāo)簽。

提示和注釋

提示：如需鏈接外部樣式表，請(qǐng)使用 <link> 標(biāo)簽。

提示：如需學(xué)習(xí)更多有關(guān)樣式表的知識(shí)，請(qǐng)閱讀我們的 CSS 教程。

注釋：如果沒有使用 "scoped" 屬性，則每一個(gè) <style> 標(biāo)簽必須位于 head 頭部區(qū)域。

HTML 4.01 與 HTML5之間的差異

"scoped" 屬性是 HTML 5 中的新屬性，它允許我們?yōu)槲臋n的指定部分定義樣式，而不是整個(gè)文檔。
如果使用 "scoped" 屬性，那么所規(guī)定的樣式只能應(yīng)用到 style 元素的父元素及其子元素。

屬性

New ：HTML5 中的新屬性。

屬性 值 描述
media media_query 為樣式表規(guī)定不同的媒體類型。
scoped scoped 如果使用該屬性，則樣式僅僅應(yīng)用到 style 元素的父元素及其子元素。
type text/css 規(guī)定樣式表的 MIME 類型。

全局屬性

<style> 標(biāo)簽支持 HTML 的全局屬性。

事件屬性

<style> 標(biāo)簽支持 HTML 的事件屬性。

相關(guān)文章

HTML 教程：HTML CSS

HTML DOM 參考手冊(cè)：Style 對(duì)象


以上內(nèi)容是否對(duì)您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)