@import vs link

CSS 적용 방법

- 인라인

- 내부 스타일링

- 외부 스타일링

- @import

- link

 

 

1. 문서에 default.css 적용하는 방법

<link rel="stylesheet" href="/css/default.css">

 

2. default.css 파일 내에 header.css를 @import 

@charset "utf-8";

@import "header.css";      /* 문자 형식 */
@import url("header.css"); /* url 형식 */

 

 

 

link가 더 효율적이다.

@import는 직렬로딩

link는 병렬로딩

 

 

출처: CSS 적용을 위한 또 다른 방법, @import :: About Web (tistory.com)