예시
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
.p1{
font-size: 1cm;
}
.p2{
font-size: 1mm;
}
.p3{
font-size: 1in; /* 인치 = 2.54cm */
}
.p4{
font-size: 1pt;
}
.p5{
font-size: 1pc; /* 파이카 */
}
.p6{
font-size: 26px; /* px, em, % 가장 많이 사용 */
}
.p7{
font-size: 2.5em;
}
.p8{
font-size: 200%; /* 100% = 기본크기 */
}
</style>
</head>
<body>
<p class="p1">p tag class=p1</p>
<p class="p2">p tag class=p2</p>
<p class="p3">p tag class=p3</p>
<p class="p4">p tag class=p4</p>
<p class="p5">p tag class=p5</p>
<p class="p6">p tag class=p6</p>
<p class="p7">p tag class=p7</p>
<p class="p8">p tag class=p8</p>
</body>
</html>
실행결과
'IT > Html + CSS + JS' 카테고리의 다른 글
| [Html+XML ] script 영역에서 테이블 생성하기 (0) | 2021.06.08 |
|---|---|
| [Html + JSON ] script 영역에서 테이블 생성하기 (0) | 2021.06.08 |
| [Html+JavaScript] 미술관 및 박물관 링크 (0) | 2021.06.07 |
| [Html+JavaScript] "1일 1개씩 먹으면 의사 필요없다" (0) | 2021.06.07 |
| [Html+JavaScript] 버튼 클릭 시 홈페이지 배경색 변경 (0) | 2021.06.07 |
