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
끝.