반응형
안녕하세요.
css에는 웹 페이지에 알맞은 여러 글자 크기의 단위를 제공합니다.
글자 크기의 단위를 사용하면 웹 페이지가 모바일에서도 작동합니다.
- px: 일반적인 픽셀입니다. 모니터의 픽셀에 따른 상대적 크기입니다.
- pt: 문서에서 사용하는 포인트 단위입니다.
- em: 사용하고 있는 글꼴에서 대문자 M의 너비를 기준으로 적용합니다.
- ex: 사용하고 있는 글꼴에서 소문자 x의 높이를 기준으로 적용합니다.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
<!DOCTYPE html>
<html>
<head>
<title>codeomni.tistory.com css px pt ex em 글자 크기 값 소스 코드</title>
</head>
<body>
<div>
<h1>codeomni 글자 크기 값 소스 코드</h1>
<p style="font-size: 15px">글자 크기 px 단위</p>
<p style="font-size: 15pt">글자 크기 pt 단위</p>
<p style="font-size: 1.5ex">글자 크기 ex 단위</p>
<p style="font-size: 1.5em">글자 크기 em 단위</p>
</div>
</body>
</html>
|
cs |
<head>~</head> 부분에서도 사용 가능합니다.
▲ 실행 화면입니다.
댓글