HTML 문서에 스타일 시트 포함시키는 방법은 외부 스타일 불러오기, 내부 스타일 정의, 인라인(inline) 스타일을 사용하는 방법 세 가지가 있다.
외부 스타일 불러오기
여러 페이지에 같은 스타일을 적용할 때 사용하는 방법으로 하나의 스타일 시트를 통해 여러 페이지에 스타일을 적용할 수 있다. 사용 방법은 <head> 부분에 <link> 태그를 사용하여 외부 스타일 시트의 경로를 지정한다.
<link rel="stylesheet" type="text/css" href="mystyle.css" />
내부 스타일 정의
현재 페이지에서만 적용할 스타일 시트를 작성할 때 사용한다. <head> 부분에 <style>태그를 사용하여 스타일을 작성한다.
<style type="text/css">
hr { color:sienna;
p { argin-left:20px;
body { ackground-image:url("images/back.gif"); }
<style>
hr { color:sienna;
p { argin-left:20px;
body { ackground-image:url("images/back.gif"); }
<style>
인라인 스타일
문서내 특정 태그에서 스타일을 지정할 때 사용하는 방법으로 태그에 직접 스타일을 지정한다. w3c 표준안에 따르면 권고하지 않는 방법이다. 보통 외부 스타일 시트를 불러오는 방법이나 내부 스타일 정의 방법을 추천한다.
<p style="color:sienna; margin-left:20px">This is a paragraph.</p>
'HTML& CSS > CSS' 카테고리의 다른 글
| 스타일 속성 - background (0) | 2009.10.16 |
|---|---|
| 스타일 속성 - 글꼴(font) (0) | 2009.10.16 |
| 개요 - id 선택자와 class 선택자 (0) | 2009.10.10 |
| 개요 - CSS의 문법 설명과 주석 (0) | 2009.10.10 |
| 개요 - CSS(Cascading Style Sheets) 란? (0) | 2009.10.10 |