CSS에서 @import와 link의 차이점


Answers

가져 오기 명령을 사용하여 링크 명령으로는 불가능한 다른 CSS를 CSS 파일로 가져올 수 있습니다. 정말 오래된 브라우저는 (IE4, IE5 부분적으로) 가져 오기 기능을 처리 할 수 ​​없습니다. 또한 xhtml / html을 파싱하는 일부 라이브러리는 스타일 시트 가져 오기를 실패 할 수 있습니다. 가져 오기는 다른 모든 CSS 선언보다 우선해야합니다.

Question

내 프로젝트 템플릿을 조정할 CSS 몇 개를 배우고 있습니다. 나는이 문제에 와서 웹에서 명확한 답을 찾지 못했다. CSS에서 @import 또는 link를 사용하는 것과 다른 점이 있습니까?

@import 사용

<style>@import url(Path To stylesheet.css)</style>

링크 사용

<link rel="stylesheet" href="Path To stylesheet.css">

가장 좋은 방법은 무엇입니까? 그리고 왜? 감사!




@import 규칙을 사용할 때 일반적으로 기존 스타일 시트 내에서 스타일 시트를 가져 오는 것이 일반적입니다 (처음에는 싫어하기는하지만). 그러나 귀하의 질문에 대답하기 위해, 나는 어떤 차이가 있다고 생각하지 않습니다. 유효한 XHTML을 준수하려면 URL을 큰 따옴표로 묶어야합니다.




<link> 지시문은 여러 CSS를로드하고 비동기 적으로 해석하도록 허용 할 수 있습니다.

@import 지시어는 가져온 스크립트가 부모 스크립트에 인라인으로로드 될 때까지 브라우저가 엔진에 의해 올바르게 처리되기 전에 브라우저를 강제로 강제 실행합니다. 기술적으로 하나의 스크립트이기 때문에입니다.

많은 css 최소화 스크립트 (및 더 적은 또는 sass 같은 언어)는 자동으로 연결된 스크립트를 주 스크립트로 연결합니다. 그 이유는 결국 전송 오버 헤드가 줄어들 기 때문입니다.

* (브라우저에 따라 다름)




Related