CSS @import 규칙

CSS @import 규칙은 다른 스타일 시트에서 스타일 규칙을 가져오는 데 사용됩니다. 이 규칙들은 @charset 규칙을 제외하고 모든 다른 유형의 규칙보다 앞에 위치해야 합니다; @import는 내장 문장이 아니기 때문에 조건 그룹 규칙 내에서 사용할 수 없습니다。

　CSS @import 규칙의 사용 문법

이 규칙의 문법은 다음과 같습니다：

@import　url　[media　type,...];

아래 예제는 @import 속성의 사용 방법을 보여줍니다。

@import　url("css/layout.css");
@import　url("css/color.css");
body　{
　color:blue;
　font-size:14px;
}

이 미디어와 관련된 @import 규칙(즉, 가져온 스타일 시트가 적용되는 미디어 타입)을 지정할 수도 있습니다—URL 뒤에 콤마로 구분된미디어 타입또는미디어 쿼리만으로도 가능합니다。

@import　url("css/default.css");
@import　url("css/print-style.css) print;
body　{
　color:　red;
　font-size:　1em;
}

브라우저 호환성

@import 속성의 브라우저 호환성, 아래 표의 숫자는 이 속성을 지원하는 브라우저의 최소 버전 번호를 나타냅니다; 모든 주요 브라우저는 이 규칙을 지원합니다。

더 읽기

다음 튜토리얼을 참조하세요:CSS 미디어 타입。