임포트 삽입형(Import style), @import 사용
CODEDRAGON ㆍDevelopment/Web, WWW
반응형
임포트 삽입형(Import style)
· 외부에 스타일 파일을 만들고 연결하는 또 하나의 방식입니다.
· style태그안에서 외부 스타일을 임포트(import)할 수 있게 해 줍니다.
@import 사용
· <head> 영역 내에 있는 <style> 태그 안에서 사용합니다.
· “@import”선언이 다른 스타일시트보다 먼저 선언되어야 합니다.
· url 안에 .css경로를 지정해 줍니다.
|
<head>
<style type="text/css">
<![CDATA[
@import "파일의 url"; 또는 @import "파일명";
//]]>
</style>
</head>
|
|
<style type="text/css">
@import url('style.css');
h1 {
color: gray;
}
h2 {
color: darkred;
}
</style> |
반응형
'Development > Web, WWW' 카테고리의 다른 글
| 형제 선택자 (0) | 2017.11.03 |
|---|---|
| link & Import style - 외부 CSS파일을 삽입하는 방법 (0) | 2017.11.03 |
| 외부 경로 삽입형(link style), <Link> 태그 (0) | 2017.11.03 |
| 문서 내 지정형(Embedding style) (0) | 2017.11.03 |
| 태그 내부 삽입형(ln-line style) (0) | 2017.11.03 |