HTML 문서에 스타일을 적용하는 방법은 외부 스타일 시트(external style sheet), 내부 스타일 시트(internal style sheet), 인라인 스타일 시트(inline style sheet) 3가지가 있습니다. 외부 방식은 "CSS파일이 외부에 있다"고 하고, 내부 방식은 "<head> 요소 안에 스타일을 선언했다"고 하며, 인라인 방식은 "<body>안의 각 태그 안에 스타일을 선언했다"고 합니다.
<head>
<link rel="stylesheet" href="/css/style.css" type="text/css" />
</head>
<head>
<style type="text/css">
body { margin:0; padding:0; }
.header { font-size:12px; }
</style>
</head>
<body>
<div class="header">
.header 에 작성한 디자인이 적용된다.
</div>
</body>
<body>
<div style="width:200px; height:200px; padding:10px; background:red;">
style 에 작성한 디자인이 적용된다.
</div>
</body>