<html>
<head>
<style type="text/css">
<!--
h2 {font-size:35pt; color:blue;}
p {font-size:20pt; color:gray;}
-->
</style>
<link rel="stylesheet" type="text/css" href="060201.css">
</head>
<body>
CSS(Cascading Style Sheet)<br>
작성할수 있는 3가지방법<br>
<h3>1.head 작성-Embedded Style</h3>
<xmp>
<head>
<style type="text/css">
<!--
h2 {font-size:35pt; color:blue;}
p {font-size:20pt; color:gray;}
-->
</style>
</head>
</xmp>
<h2>처음 작성하는 Style Sheet</h2>
<p>여기는 스타일 시트가 적용됨</p>
<div>적용하지 않는 div</div>
<br><br>
<h3>2.태그에 직접 작성-Inline style</h3><br>
<xmp>
<p style="font-style:italic;font-size:50pt;">여기는 스타일 시트가 적용됨</p><br>
</xmp>
<p style="font-style:italic;font-size:50pt;">여기는 스타일 시트가 적용됨</p><br>
<h3>3.css파일호출-Linked Style</h3>
*** 060201.css ***내용<br>
h4{font-size:35pt;color:green;}
<xmp>
<head>
<link rel="stylesheet" type="text/css" href="060201.css">
</head>
*** 060201.css ***내용
h4{font-size:35pt;color:green;}
</xmp>
<h4>외부에서 설정한 css H4태그</h4>
<br>
<xmp>
*.스타일시트에서 사용하는 단위
- 절대단위
in:인치(1인치 = 2.54cm)
cm:센티미터
mm:미리미터
pt:포인터(1포인터 = 1/72인치)
pc:파이카(1파이카 = 12포인트)[잘안씀]
- 상대단위
%:기준이 되는 크기에 대한 비율
px:1필셀을 1로하는 단위
ex:그 범위에서 유효한 폰트와 소문자 x높이를 1로하는 단위
em:그 범위에서 유효한 폰트의 가장큰 높이를 1로하는 단위
</xmp>
</body>
</html>
