Web/CSS

[CSS] link 방식과 @import 방식

defacto standard 2017. 11. 16. 21:03

css를 별도의 파일로 관리할 때, 다른 페이지에 css를 참조시키는 방법이다.


 - @import

<style>

@import url("a.css");

</style>


@import를 쓰는 경우 어떤 것이 먼저 다운로드될지 모르므로 예측하기 힘들며, 병렬 다운로드를 지원하지 않는다.



 - link

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


link를 쓰는 경우 순서대로 로드가 되며, 병렬 다운로드를 지원한다.


따라서 link를 사용하는 것이 속도나 안정성 면에서 더 뛰어나다.