閱讀(80.4k) 書簽贊(0) 我要糾錯

HTML5 <style> 標簽

2022-05-23 15:04 更新

實例

HTML5 <style>標簽用于表示文檔所使用的樣式。請參考下述示例：

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

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

<body>
<h1>這是一個標題</h1>
<p>這是一個段落。</p>
</body>

</html>

Internet Explorer Firefox Opera Google Chrome Safari

所有主流瀏覽器都支持 <style> 標簽。

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

每個 HTML 文檔能包含多個 <style> 標簽。

提示：如需鏈接外部樣式表，請使用 <link> 標簽。

提示：如需學習更多有關樣式表的知識，請閱讀我們的 CSS 教程。

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

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

New ：HTML5 中的新屬性。

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

HTML 教程：HTML CSS

HTML DOM 參考手冊：Style 對象

以上內(nèi)容是否對您有幫助：

寫筆記

我要補充