HTML 參考手冊

HTML 標籤大全

HTML: <style> 태그

HTML <style> 標籤用於將 CSS 嵌入 HTML 文檔中。可以將其放置在 <body> 標籤內或 <head> 標籤內。默認情況下， <style> 標籤的樣式信息通常是 CSS 的格式。此標籤通常也稱為 <style> 元素。

在線示例

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

示例

!doctype　html>
<html>
<head>
<meta　charset="UTF-8">
<title>HTML　style標籤的使用(基礎教程網　oldtoolbag.com)</title>
</head>
<style>
　　　h1　{　color:　blue;　}
　　　.p-style{color:red;font-weight:bold;}
</style>
</head>
<body>
　　　<h1>HTML5　Example</h1>
　　　<p　class="p-style">這是一個帶style樣式的段落</p>
</body
</html>

測試看看 ‹/›

瀏覽器相容性

IEFirefoxOperaChromeSafari

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

標籤定義及使用說明

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

每個 HTML 文檔可以包含多個 <style> 標籤。

提示和注意

提示：外部樣式表鏈接，使用 <link> 標籤。

提示：更多關於樣式表的知識學習，私たちの CSS 강의。

주의사항:"scoped" 속성을 사용하지 않으면 각 <style> 태그는 head 헤더 영역에 위치해야 합니다.

HTML 4.01 와 HTML5간의 차이

"scoped" 속성은 HTML 5 에서 새로운 속성이 있습니다. 이는 문서의 특정 부분에 스타일을 정의할 수 있게 해줍니다.
"scoped" 속성을 사용하면 지정된 스타일은 style 요소의 부모 요소 및 자식 요소에만 적용됩니다.

속성

New : HTML5 에서 새로운 속성이 있습니다.

속성	값	설명
media	media_query	스타일 시트에 다른 미디어 타입을 지정합니다.
scopedHTML5	scoped	이 속성을 사용하면 스타일은 style 요소의 부모 요소 및 자식 요소에만 적용됩니다.
type	text/css	스타일 시트의 MIME 타입을 정의합니다.

전역 속성

이벤트 속성