CSS 사용법
CSS 문법
클래스와 아이디
주석
텍스트
color
direction
backgroud-color
line-height
letter-spacing
text-align
text-decoration
text-indent
word-spacing
배경
background-color
background-image
background-repeat
background-position
background-attachment
Font
크기 단위
Box Model
경계선(border)
리스트(list)
텍스트의 크기 단위

font-size 속성을 사용할때 앞의 예제에서는 픽셀(px)과 포인트(pt)를 사용하였습니다.

이외에도 다양한 단위를 사용하여 글자의 크기를 지정할 수 있습니다.

글자의 크기를 지정하는 단위에는 절대단위와 상대단위로 나눌 수 있습니다.

절대단위 상대단위
pt (포인트, 1pt= 1/72 in) % (기준이 되는 글꼴에 대한 퍼센트)
in (인치, 1in = 25.4 mm) em (기준이 되는 글꼴에 대한 문자의 높이)
mm (밀리미터)  
cm(센티미터)  
pc (파이카, 1pc=12pt)  
px (픽셀,1px=모니터의 1도트)  

이 중 글자 크기를 지정할때 가장 많이 사용되는 단위는 절대단위 중 px와 pt 입니다.

9pt와 12px로 지정하는 것이 가장 일반적이다고 할 수 있습니다.

상대단위

em, %는 모두 브라우저의 기본 글꼴을 기준으로 지정되는 크기입니다.

1em은 100%와 동일하고 1em 이라는것은 브라우저의 기본 폰트의 100%크기 라는 의미입니다.

폰트의 크기를 지정하지 않으면 12pt 정도의 크기로 화면에 출력됩니다. 그러므로 0.75em으로 지정한 경우 이를 절대값으로 환산하면 9pt 정도의 크기로 출력됩니다.

Copyright © Homejjang.com All rights reserved.