HTML에서 외부 CSS를 호출하는 방법

호출 방법: 1. "2a8c74d580a64074a79de85b55819524" 문을 사용합니다. 2. "@import url( CSS 파일 경로 주소"를 사용합니다. )" 성명 호출.

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

html에서 외부 CSS를 호출하는 방법에는 두 가지가 있습니다

• 링크 스타일 - 2cdf5bf648cf2f33323966d7f58a7f3f 태그 사용

• 가져오기 스타일 - @import 규칙 태그 사용

1. 링크 스타일

웹페이지의 93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1 태그 쌍에 있는 2cdf5bf648cf2f33323966d7f58a7f3f 태그를 사용하여 외부 스타일 시트 파일을 소개하고 HTML 규칙을 사용하여 외부 CSS를 소개합니다.

구문: ​​

<link rel="stylesheet" href="css文件路径" type="text/css" />

2cdf5bf648cf2f33323966d7f58a7f3f 태그는 문서와 외부 리소스 간의 관계를 정의합니다. 2cdf5bf648cf2f33323966d7f58a7f3f 태그의 가장 일반적인 용도는 스타일 시트를 연결하는 것입니다.

2. 가져옴

CSS @import 규칙은 다른 스타일 시트에서 스타일 규칙을 가져오는 데 사용됩니다. 이러한 규칙은 다른 모든 유형의 규칙보다 우선해야 하며 조건 그룹의 규칙에는 @import를 사용할 수 없습니다.

독립적인 .css 파일을 HTML 파일에 삽입하고, css @import 규칙을 사용하여 외부 CSS 파일을 삽입하고, 93f0f5c25f18dab9d176bd4f6de5d30e 태그의 c9ccee2e6ea535a969eb3f532ad9fe89에 작성하세요.

구문: ​​

<style type="text/css">
@import url(CSS文件路径地址);
</style>

링크 방법과 가져오기 방법 비교

링크 방법(아래 링크로 대체)과 가져오기 방법(아래 @import로 대체)은 모두 외부 CSS 파일을 도입하는 방법입니다.

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

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

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

"

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