임포트 삽입형(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>