1. 글자 크기 변경하기 : font-size
글자의 크기를 변경할 때는 font-size 속성을 사용합니다. font-size에 지정할 수 있는 값의 단위는 픽셀(px), 포인트(pt)입니다. 또, font-size에는 large, medium, small을 값으로 지정할 수 있습니다. 원하시는 값을 골라 사용하시면 됩니다.
<head>
<style>
a1{
font-size : 10px;
}
a2{
font-size : 20px;
}
a3{
font-size : 10pt;
}
a4{
font-size : 20pt;
}
a5{
font-size : medium;
}
a6{
font-size : large;
}
</style>
</head>
<body>
<font size=4>1. 글자 크기 변경하기</font><br>
<a1>10px</a1><br>
<a2>20px</a2><br>
<a3>10pt</a3><br>
<a4>20pt</a4><br>
<a5>medium</a5><br>
<a6>large</a6><br>
</body>
2. 글자 기울게 효과 적용하기 : font-style
글자에 기울게 효과를 적용하기 위해서는 font-style의 값을 italic으로 지정하면 됩니다.
<head>
<style>
b2{
font-style : italic;
}
</style>
</head>
<body>
<font size=4>2. 글자 기울게 효과 적용하기</font><br>
<b1>기울게 효과 X</b1><br>
<b2>기울게 효과 O</b2><br>
</body>
3. 글자 굵기 변경하기 : font-weight
글자의 굵기를 변경하기 위해서는 font-weight의 값을 조절하면 됩니다.
<head>
<style>
c2{
font-weight : bolder;
}
c3{
font-weight : lighter;
}
</style>
</head>
<body>
<font size=4>3. 글자 굵기 변경하기</font><br>
<c1>굵기 기본</c1><br>
<c2>굵기 진하게</c2><br>
<c3>굵기 연하게</c3><br>
</body>
4. 글꼴 종류 변경하기 : font-family
글꼴을 변경할 때는 font-family 속성을 사용합니다.
<head>
<style>
p2{
font-family : "굴림"
}
p3{
font-family : "돋움"
}
</style>
</head>
<body>
<font size=4>4. 글꼴 종류 변경하기</font><br>
<p1>글꼴</p1><br>
<p2>글꼴</p2><br>
<p3>글꼴</p3><br>
</body>
'Programming > HTML5 & CSS3' 카테고리의 다른 글
| [CSS] 배치 형태 - display (0) | 2021.01.30 |
|---|---|
| [CSS] 다단 만드는 법 (0) | 2021.01.29 |
| [CSS] 속성 선택자, 가상 클래스 선택자 (0) | 2021.01.27 |
| [CSS] 선택자의 기본 (0) | 2021.01.26 |
| [HTML] 자바스크립트를 대신하는 input 태그 속성들 (0) | 2021.01.25 |
