Latest web development tutorials

HTML <스타일> 태그

HTML 문서의 <스타일> 요소를 사용 :

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

<body>
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
</body>

</html>

»시도

브라우저 지원

Internet ExplorerFirefoxOperaGoogle ChromeSafari

모든 주요 브라우저는 <스타일> 태그를 지원합니다.


태그 정의 및 지침

<스타일> 태그는 HTML 문서의 스타일 정보를 정의합니다.

의 <스타일> 요소에, 당신은 어떻게 HTML 문서를 렌더링하는 브라우저를 지정할 수 있습니다.

각 HTML 문서는 여러 개의 <스타일> 태그를 포함 할 수 있습니다.


팁과주의 사항

팁 : 외부 스타일 시트를 링크를 사용하려면 <링크> 태그를.

팁 : 스타일 시트에 대한 자세한 내용은, 우리의 참조하시기 바랍니다 CSS 자습서를 .

참고 : "범위"속성을 사용하지 않는 경우, 각각의 <스타일> 태그는 헤드 영역의 머리에 있어야합니다.


HTML 4.01과 HTML5의 차이점

HTML 5의 "범위가 지정된"속성은 우리가 문서의 특정 부분이 아닌 전체 문서 스타일을 정의 할 수있는 새로운 속성이다.
만약 "범위"속성을 사용하는 경우, 스타일는 지정된 부모 요소 스타일 요소와 그 자식 요소에 적용될 수있다.


재산

새로운 기능 : HTML5 새 속성.

属性 描述
media media_query 为样式表规定不同的媒体类型。
scoped New scoped 如果使用该属性,则样式仅仅应用到 style 元素的父元素及其子元素。
type text/css 规定样式表的 MIME 类型。


전역 속성

<스타일> 태그를 지원 HTML을 글로벌 속성을 .


이벤트 등록

<스타일> 태그를 지원 HTML 이벤트 속성을 .


관련 기사

HTML 자습서 : HTML CSS를

HTML DOM 참조 : 스타일 개체