<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Test016.html</title>
<style type = "text/css">
h2{font-style: oblique;}
p{font-variant: small-caps}
p.pt{font-size: 15pt;}
p.percent{font-size: 150%;}
p.cm{font-size: 1cm;}
</style>
</head>
<body>
<div>
<h1>CSS 기타</h1>
<hr>
</div>
<div>
<h2>글자를 이렇게 만드는 속성이네</h2>
<p>
The South Korean government announced Friday that it will raise the private gathering size limit to 10 people
and push back the current 11 p.m. curfew on restaurants and cafes to midnight.
“Other COVID-19 preventive measures will remain unchanged,”
Prime Minister Kim Boo-kyum said during a COVID-19 response meeting in Seoul on Friday.
The new social distancing rules will be effective from Monday for two weeks.
Previously, expectations were growing for the latest change to social distancing rules to be the last,
as the government viewed that the spread of COVID-19 passed its peak earlier this month.
</p>
</div>
<br><br>
<div>
<p class = "pt">나는 글자 크기가 15pt 입니다.</p>
<p class = "percent">나는 글자 크기가 150%입니다.</p>
<p class = "cm">나는 글자 크기가 1cm 입니다.</p>
</div>
<div>
<span style = "font-family: 굴림; font-size: xx-small;">xx-small의 크기는 html font size 1 과 같다.</span>
<br>
<span style = "font-family: 굴림; font-size: x-small;">x-small의 크기는 html font size 2 와 같다.</span>
<br>
<span style = "font-family: 굴림; font-size: small;">small의 크기는 html font size 3 과 같다.</span>
<br>
<span style = "font-family: 굴림; font-size: medium;">medium의 크기는 html font size 4 과 같다.</span>
<br>
<span style = "font-family: 굴림; font-size: large;">large의 크기는 html font size 5와 같다.</span>
<br>
<span style = "font-family: 굴림; font-size: x-large;">x-large의 크기는 html font size 6와 같다.</span>
<br>
<span style = "font-family: 굴림; font-size: xx-large;">xx-large의 크기는 html font size 7와 같다.</span>
<br>
</div>
</body>
</html>728x90
'WEB Archive' 카테고리의 다른 글
| [HTML] CSS - 한 화면에 두 가지 형태의 링크 설정해보기 (0) | 2024.08.20 |
|---|---|
| [HTML] CSS - 가상 요소 적용 실습 (0) | 2024.08.20 |
| [HTML] CSS - 글자 간격 지정 (0) | 2024.08.20 |
| [HTML] CSS - 수직 정렬 : vertical-align (0) | 2024.08.20 |
| [HTML] CSS - 대소문자 지정 실습 : text-transform (0) | 2024.08.20 |
댓글