link와 @import 가져오기 css의 차이
1100 단어 JavaScript브라우저cssXHTMLGoogle
일단 양자 묘사법을 보여드릴게요.
대부분의 웹 사이트에서 사용하는 링크 방식:
<link rel="stylesheet" href="style.css" type="text/css" media="all" />@import 모드
<style type="text/css" media="screen">
@import url("style.css");
</style>
둘 다 css 파일을 불러오기 위한 것이지만 다음과 같은 몇 가지 작은 차이가 있습니다.
1. 본질적 차이:
link는 현재 페이지를 위한 서비스로 XHTML 탭에 속합니다. CSS를 불러올 수 있는 것 외에 RSS 정의, rel 연결 속성 정의 등 여러 가지 일을 할 수 있습니다.
@import은 css 서비스로 css에 속하는 방식입니다. css만 도입할 수 있습니다
2. 로드 순서:
한 페이지가 불러올 때 링크에서 인용한 CSS는 동시에 불러오고 @import에서 인용한 CSS는 페이지가 모두 다운로드될 때까지 기다렸다가 불러옵니다.그래서 @import에서 CSS를 불러오는 페이지를 탐색할 때 스타일이 없고 페이지가 깜빡일 때가 있습니다.
3. 호환성:
링크 모든 브라우저 호환성
@import은 css2입니다.1 비로소 제기되었는데, 모든 오래된 브라우저는 지원되지 않으며, IE5 이상만 식별할 수 있다.
4.dom로 스타일을 제어할 때의 차이.자바스크립트 제어dom를 사용하여 스타일을 바꿀 때 링크 탭만 사용할 수 있습니다. @import는dom가 제어할 수 있는 것이 아니기 때문입니다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
기초 정리 - 1문자 (String) 숫자 (Number) 불린 (Boolean) null undefined 심볼 (Symbol) 큰정수 (BigInt) 따옴표로 묶어 있어야 함 Not-A-Number - 숫자 데이터 / 숫자로 표...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
