예
의 사용 <style> HTML 문서의 요소 :
<html>
<head>
<style>
h1 {color:red;}
p {color:blue;}
</style>
</head>
<body>
<h1>A heading</h1>
<p>A paragraph.</p>
</body>
</html>
»그것을 자신을 시도 정의 및 사용
<style> 태그는 HTML 문서에 대한 스타일 정보를 정의하는 데 사용됩니다.
내부 <style> 요소는 HTML 요소가 브라우저에 렌더링하는 방법을 지정합니다.
각 HTML 문서는 여러 포함 할 수있는 <style> 태그를.
브라우저 지원
| 요소 | |||||
|---|---|---|---|---|---|
| <style> | 예 | 예 | 예 | 예 | 예 |
팁과주의 사항
팁 : 외부 스타일 시트에 링크를 사용하려면 <link> 태그를.
팁 : 스타일 시트에 대한 자세한 내용은, 우리의 참조하시기 바랍니다 CSS 자습서 .
참고 :이 경우 "scoped" 속성을 사용하지 않는, 각각의 <style> 태그를 헤드 부분에 위치해야합니다.
HTML 4.01과 HTML5의 차이점
"scoped" 속성은 문서의 특정 부분의 스타일을 정의 할 수 있습니다 HTML5, 새로운 기능입니다. 경우 "scoped" 속성이 존재, 스타일은 스타일 요소의 부모 요소와 그 요소의 자식 요소에 적용됩니다.
속성
= HTML5의 새로운 기능.
| 속성 | 값 | 기술 |
|---|---|---|
| media | media_query | 미디어 리소스에 최적화되어 어떤 미디어 / 장치를 지정합니다 |
| scoped | scoped | 스타일은이 요소의 부모 요소와 그 요소의 자식 요소에 적용하도록 지정 |
| type | text/css | 의 미디어 유형 지정 <style> 태그를 |
글로벌 속성
<style> 태그도 지원 글로벌은 HTML의 속성 .
이벤트 속성
<style> 태그도 지원 이벤트는 HTML의 속성 .
관련 페이지
HTML 튜토리얼 : HTML CSS
CSS 자습서 : CSS 튜토리얼
HTML DOM 참조 : Style 개체
기본 CSS 설정
대부분의 브라우저는 표시됩니다 <style> 다음과 같은 기본 값으로 요소를 :
style {
display: none;
}