<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title> 글꼴 스타일 규칙 사용하기</title>
<style type="text/css">
body{
font-family: 궁서;
font-size:12px;
}
h1{
font-faily: 돋움;
font-size:28px;
text-align:center;
color:gray;
}
p.info{
font-size :14px;
text-align:center;
}
p.title{
font-size:12px;
font-weight:bold;
text-transform:uppercase; <-모든 영어를 대문자로 바꿔주는 명령어
}
div.indented{
margin-left:25px; <-왼쪽여백 25px
color:red;
font-weight:bold;
}
</style>
</head>
<body>
<h1>장지랩의 블로그</h1>
<p class="info"> http://janggiraffe.tistory.com/<br/>
tel : 02-1234-1234, e-mail : jang@giraffe.com
</p>
<p class="title">타이틀클래스 사용 : text-transform:uppercase</p>
<ul>
<li>타이틀클래스 사용x : text-transform:uppercase</li>
</ul>
<div class="indented">
왼쪽 여백 25px
</div>
</body>
</html>
------------------------------------------------
글꼴은 이전에 했던 예제들에도 다있어가지고 별로 볼만한게 없었다.