CSS에서 링크와 가져오기의 차이점은 무엇입니까?

차이점: 1. 링크는 CSS를 로드하는 것 외에도 RSS와 같은 다른 트랜잭션을 정의할 수 있으며 CSS 카테고리에 속하며 CSS만 로드할 수 있습니다. 2. link가 CSS를 참조하는 경우 페이지가 로드될 때 동시에 로드됩니다. @import에서는 페이지가 완전히 로드된 후에 페이지를 로드해야 합니다. 3. 링크에는 호환성 문제가 없습니다.

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

페이지에서 CSS를 사용하는 방법에는 인라인 스타일 속성 값 추가 및 정의, 페이지 헤더의 인라인 호출, 외부 링크 호출의 세 가지 주요 방법이 있습니다. 링크와 @import라는 두 가지 유형의 외부 참조가 있습니다. CSS를 외부에서 참조하는 두 가지 방법인 link 및 @import는 다음과 같습니다.

link code

<link rel="stylesheet" rev="stylesheet" href="CSS文件" type="text/css" media="all" />

@import code

<style type="text/css" media="screen">  
@import url("CSS文件");   
</style>

둘 다 CSS를 외부에서 참조하는 방법이지만 확실한 차이점이 있습니다.

• 차이 1 :link CSS를 로드하는 것 외에도 RSS와 같은 다른 트랜잭션을 정의할 수도 있습니다. @import는 CSS 범주에 속하며 CSS만 로드할 수 있습니다.

• 차이점 2: 링크가 CSS를 참조하는 경우 페이지가 로드될 때 동시에 로드됩니다. @import에서는 로드하기 전에 페이지가 완전히 로드되어야 합니다.

• 차이점 3: 링크는 HTML 태그이며 호환성 문제가 없습니다. @import는 CSS2.1에서 제안되었으며 하위 버전 브라우저에서는 지원되지 않습니다.
  

• 차이점 4: link는 스타일 변경을 위해 Javascript를 사용하는 것을 지원하지만 @import는 이를 지원하지 않습니다.
  

추천 튜토리얼: CSS 비디오 튜토리얼​

위 내용은 CSS에서 링크와 가져오기의 차이점은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!