외부 CSS를 도입하는 방법에는 여러 가지가 있습니다.

외부 CSS를 도입하는 방법에는 두 가지가 있습니다. 즉, 1. "@import" 명령을 통한 소개, "@import url (css 파일 경로);>" 구문을 통한 소개, 2. 링크 태그, 구문을 통한 소개; "".

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

CSS를 소개하는 두 가지 방법

1. @import 지시어를 통한 소개

@import 지시어는 CSS 언어의 일부입니다. 이 지시어를

<style type="text/css">    
    @import url(css/styles.css);
</style>

2. 태그를 통한 소개(가장 일반적인 방식)

<link type="text/css" href="style.css" rel="stylesheet" />

두 가지 방식의 차이점

• 태그는 html 태그이며, @import는 제공되는 방식입니다. CSS, 태그 CSS를 소개할 수 있을 뿐만 아니라 다른 작업도 할 수 있지만 @import는 CSS만 소개할 수 있습니다

• 로딩 순서의 차이: 페이지를 탐색할 때 링크로 소개된 CSS가 로드됩니다. @import가 참조하는 CSS는 로드되기 전에 다른 모든 요소가 다운로드될 때까지 대기합니다.

• 호환성의 차이점: @import는 CSS2.1에서만 제안되었으므로 IE5 이상에서만 지원됩니다. 하위 버전의 브라우저에서는 이를 지원하지 않으며 태그에는 이 문제가 없습니다.

• Javascript를 사용하여 DOM을 제어하여 스타일을 변경하는 경우 @import는 DOM에서 제어할 수 없기 때문에 태그만 사용할 수 있습니다.

(동영상 공유 학습: css 동영상 튜토리얼)

위 내용은 외부 CSS를 도입하는 방법에는 여러 가지가 있습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!