728x90
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style>
.p1{
font-size: 1cm;
}
.p2{
font-size: 1mm;
}
.p3{
font-size: 1in;
}
.p4{
font-size: 1pt;
}
.p5{
font-size: 1pc;
}
.p6{
font-size: 24px;
}
.p7{
font-size: 1em;
}
.p8{
font-size: 100%;
}
</style>
</head>
<body>
<p class = "p1">p tag size 1 cm</p>
<p class = "p2">p tag size 1 mm</p>
<p class = "p3">p tag size 1 inch</p>
<p class = "p4">p tag size 1 pt</p>
<p class = "p5">p tag size 1 pc</p>
<!-- 밑 3개를 많이쓴다-->
<p class = "p6">p tag size 24 px</p>
<p class = "p7">p tag size 1 em</p>
<p class = "p8">p tag size 100% </p>
</body>
</html>728x90
'HTML' 카테고리의 다른 글
| city 예제 <div>를 사용하여 영역나누기 External 방식 (0) | 2021.02.25 |
|---|---|
| 32일차//border, <div id = " ">, <style> (0) | 2021.02.25 |
| 32일차//[css] css 기초 inline 방식 (0) | 2021.02.25 |
| 32일차//[html] 설문조사 html - > jsp 과제2 (0) | 2021.02.25 |
| 32일차//[html] <a> <img> 과제 1 (0) | 2021.02.25 |
