CSS에서 link와 @import의 차이점에 대해 이야기해 보겠습니다.

link와 @import 모두 CSS 스타일 시트를 도입할 수 있다는 사실을 모두 알고 있는데 둘의 차이점은 무엇인가요? 각각의 연결방식을 먼저 이야기한 후, 차이점에 대해 이야기해볼까요~~~

연결방식 :

<link rel="stylesheet" type="text/css" href="index.css">  
@import导入的方式：

우선 순위: 스타일 삽입>내부 스타일 시트>스타일 시트 가져오기(스타일 시트에 링크)

가져오는 방법은 연결하는 방법과 매우 유사하지만 실제로는 존재와 동일합니다. 그럼에도 불구하고 내부 스타일시트의 우선순위는 여전히 내부 스타일시트의 우선순위보다 낮으며, 해당 스타일시트와 연결된 스타일시트 간의 우선순위는 나중에 정의하는 사람이 우선순위를 갖습니다.

참고: 외부 스타일 시트를 가져올 때 해당 위치는 스타일 시트 상단, 즉 다른 스타일 앞에 있어야 합니다.

(우리가 아는 한) 총 5가지 차이점이 있습니다. 앞으로 새로운 발견이 있으면 추가하겠습니다.

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

둘: 링크가 CSS를 참조하면 페이지가 로드되는 동시에 로드됩니다. @import는 페이지가 완전히 로드될 때까지 기다려야 로드됩니다.

세 번째: 링크는 XHTML 태그이며 @import에 대한 호환성 문제가 없으며 하위 버전 브라우저에서는 이를 지원하지 않습니다.

넷째: 링크는 자바스크립트를 사용하여 DOM을 제어하여 스타일을 변경하도록 지원합니다. @import는 지원하지 않습니다.

5: @import는 CSS 파일에 다른 스타일 시트를 다시 도입할 수 있습니다.

위 내용은 CSS에서 link와 @import의 차이점에 대해 이야기해 보겠습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!