Daily coding

CSS : text size 의 단위들 본문

Front-end/Client

CSS : text size 의 단위들

sunnnkim 2020. 1. 9. 20:27

 

가장 많이쓰는 단위 : px  %  em

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
.aaa{
	font-size: 1cm;
}
.bbb{
	font-size: 1mm;
}
.ccc{
	font-size: 1in;
}
.ddd{
	font-size: 1pt;
}
.eee{
	font-size: 1pc;
}
.fff{
	font-size: 24px;
}
.ggg{
	font-size: 1em;
}
.hhh{
	font-size: 200%;
}
</style>
</head>
<body>

<p class="aaa">p tag의 글자크기 단위는 1 cm입니다.</p>
<p class="bbb">p tag의 글자크기 단위는 1 mm입니다.</p>
<p class="ccc">p tag의 글자크기 단위는 1 inch입니다.</p>
<p class="ddd">p tag의 글자크기 단위는 1 pt입니다.</p>
<p class="eee">p tag의 글자크기 단위는 1 pc입니다.</p>
<p class="fff">p tag의 글자크기 단위는 1 px입니다.</p> <!-- 많이 사용함 -->
<p class="ggg">p tag의 글자크기 단위는 1 em입니다.</p> <!-- 많이 사용함, 자주 사용하는 사이즈를 1로 만듦 -->
<p class="hhh">p tag의 글자크기 단위는 200% 입니다.</p> <!-- 많이 사용함, 기본 100% -->



</body>
</html>

 

'Front-end > Client' 카테고리의 다른 글

CSS : Java Script에서 CSS적용하기  (0) 2020.01.09
CSS : text 정렬 및 다양한 attribute 들  (0) 2020.01.09
CSS : CSS 기초 및 방식  (0) 2020.01.09
HTML : jsp 파일로 자바 콘솔에 출력하기  (0) 2020.01.03
HTML : Tags - form & input 폼과 인풋 태그  (0) 2020.01.03
'Front-end/Client' Related Articles more