[CSS3] 외부 스타일 시트 불러오기

1. 설명

- 웹 페이지마다 동일한 스타일 시트를 중복 작성 불편

- 스타일 시트 파일을 별도로 만든 후 사용하여 웹 페이지 일관성 확보


2. 사전 필요

- css3 스타일 시트 파일(예 : hkand.css)

/* hkand.css */

html, body { width: 100%; height: 100%; }

body { font-size: 12px; color: #000; }


3. 방법

3.1 <link> 태그

<head>

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

</head>


3.2 @import 이용

3.2.1 @import "외부 스타일 시트 파일명.확장자";

<style>

@import "hkand.css";

</style>


3.2.2 @import url("외부 스타일 시트 파일명.확장자");

<style>

@import url("hkand.css");

</style>


4. 참고

- https://www.w3.org/TR/css-cascade-3


끝.