CSS 파일을 HTML에 도입하는 방법

소개 방법: 1. 링크 태그를 사용하여 소개합니다. 구문은 ""입니다. 2. 스타일렛 태그에서 "@import"를 사용합니다. 도입할 규칙의 구문은 " @import url (css 파일 주소)"입니다.

이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

html에 CSS 파일을 도입하는 방법에는 두 가지가 있습니다.

• 링크 태그를 사용하여 외부 CSS 파일 참조(링크 방법)

• @import를 사용하여 외부 CSS 파일 참조(가져오기 방법)

1. 링크 태그를 사용하세요

HTML 헤드의

태그를 사용하여 외부 CSS 파일을 소개하세요

2.HTML 헤드의 태그에서 CSS @import 규칙을 사용하여 외부 CSS 파일을 도입합니다

링크 방법과 가져오기 방법을 비교하세요

링크 방법(아래 링크로 대체)과 가져오기 방법(아래 @로 대체)은 모두 외부 CSS 파일을 도입하는 방법입니다. 아래에서 이 두 가지 방법을 비교해 보겠습니다.

link는 HTML에 속하며,태그의 href 속성을 통해 외부 파일이 도입되는 반면, @import는 CSS에 속하므로 import 문은 CSS로 작성해야 한다는 점에 유의하세요. 그렇지 않으면 외부 스타일 파일을 올바르게 가져올 수 없습니다.

@import는 CSS2.1에서만 나타나는 개념이므로 브라우저 버전이 낮을 경우 외부 스타일 파일을 가져올 수 없습니다.

HTML 파일이 로드되면 링크에서 참조하는 파일이 로드되고 @import에서 참조하는 파일은 로드되기 전에 페이지가 완전히 다운로드될 때까지 기다립니다.

(동영상 공유 학습:

css 비디오 튜토리얼

)

위 내용은 CSS 파일을 HTML에 도입하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!