글꼴 꾸밈 관련 스타일 시트
| 속성 | 값 | 설명 |
|---|---|---|
| color | 색이름, RGB | 글자색지정 |
| font-family | 글꼴이름 | 글꼴(글씨체) |
| font-size | 절대값, 상대값, 길이 | 글자크기 |
| font-style | normal, italic | 글자모양 |
| font-variant | normal, small-caps | 작은 크기의 대문자로 지정하기 |
| font-weight | normal, bold, bolder | 글자의 굵기 |
<html>
<head>
<title>글꼴 꾸밈 관련 스타일 시트</title>
<style>
H1{
font-family : 굴림체;
font-weight : lighter;
color : red;
}
P{
font-family : 궁서체;
font-weight : bolder;
font-style : italic;
font-size : 20pt;
}
</style>
</head>
<body>
<center>
<h1>스타일시트 적용하기</h1>
<br><hr>
<p>
글자의 크기는 20포인트이고, 이탤릭체이며 폰트의 종류는 궁서체입니다.
</p>
</center>
</body>
</html>
📖개발블로그📖