> 웹 프론트엔드 > HTML 튜토리얼 > HTML 문서_HTML/Xhtml_웹 페이지 제작에 CSS를 삽입하는 세 가지 일반적인 방법

HTML 문서_HTML/Xhtml_웹 페이지 제작에 CSS를 삽입하는 세 가지 일반적인 방법

WBOY
풀어 주다: 2016-05-16 16:37:25
원래의
1982명이 탐색했습니다.

CSS는 HTML에서 일반적으로 다음 세 가지 방식으로 정의됩니다. 포함, 연결, 인라인

1. 포함

HTML 스타일 요소를 사용하여 문서에서 CSS 스타일을 정의합니다. .

코드 복사
코드는 다음과 같습니다.

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

2. 인라인

각 HTML 요소에는 스타일을 직접 정의할 수 있는 스타일 속성이 포함되어 있습니다. 이 스타일은 이 요소의 콘텐츠에만 적용할 수 있으며 동일한 이름을 가진 다른 요소에는 영향을 미치지 않습니다.



코드 복사
코드는 다음과 같습니다.

인라인 스타일


3. 외부 참조

외부 참조는 HTML을 나타냅니다. 문서 CSS 스타일을 포함하지 않지만 외부 CSS 파일을 동적으로 참조하여 문서 표시를 정의합니다. 1. 스타일 시트 처리 명령문을 사용하세요

HTML 문서의 시작 부분에 스타일 시트 명령 처리 명령문을 작성하세요





코드 복사
코드는 다음과 같습니다.
지시문



단, HTML 문서만 xhtml 또는 xml 형식으로 저장할 수 있습니다. 그리고 JS는 이런 종류의 CSS를 처리할 수 없으므로 사용하지 않는 것이 좋습니다.

2. @import 명령 사용

스타일 요소 사이에 @import 명령을 사용하여 외부 CSS 파일 가져오기





코드를 복사하세요
코드는 다음과 같습니다.