CSS - 외부 스타일 시트 연결

외부 파일을 연결하는 방법은 다음과 같습니다. 여기서 따옴표를 생략해도 가능합니다.

<STYLE type="text/css" MEDIA="screen, projection">
   @import url("http://example.com/css/style.css");
   /* 또는 @import url(../../css/style.css); */
   h4 { background: blue }
</STYLE>

<h4>부제목</h4>
<p class="title">내용</p>

/* example.css 파일 내용 */
@import url(http://www.example.com);
h1 { color: yellow; }
/* example.css 파일 내용 끝 */

<link href="css/example.css" rel="stylesheet"/>

<h1>제목</h1>
<p class="title">내용</p>

<link>태그로 외부 파일을 불러 오려면 이렇게 하세요.

<LINK href="http://example.com/css/style.css"
      rel="stylesheet" type="text/css">

<h4>부제목</h4>
<p class="title">내용</p>

이미지 파일 연결도 가능합니다.

body {
  background: url(http://example.com/bg_img.gif)
}

body {
  background: url("../../bg_img.gif")
}

body {
  background: url(yellow)
}