<CSS3> 2강 CSS단위

 

절대단위

절대적인 크기가 정해져 있는 단위

 

px, 픽셀, pixel = 웹에서 가장 많이 사용되는 단위  1/96 inch  

pt, 포인트. point = 1pt = 1/72 inch 

in 인치 inch = 1인치는 2.54cm

cm 센치미터 = .

mm 밀리미터 = .

pc 파이카 picas = 활자의 크기를 나타내던 옛말, 지금은 잘 사용하지 않는다. 1파이카는 12포인트

 

상대단위

부모 요소의 크기를 기준으로 상대값이 정해진다.

고정형 웹에서 반응형 웹으로 넘어오면서 많이 사용되고 있다.

em

- em 단위는 body{font-size:16px} 값을 기준으로 사용한다 

- 부모 요소의 글꼴에 비례. 때문에 기준값에 따라 값이 바뀐다.

- 2em은 현재 글꼴 크기의 2배를 의미한다.

 

%

- 100% 를 기준으로 하는 상대크기.

- 반응형 웹에서 많이 사용하게 되는 단위.

 

이 외에

ex, rem, vw, vh등등의 상대단위가 있지만 거의 쓰이지 않아서 pass (저는 아직 사용해보지 못해서~)

 

 

* em을 사용하는 이유는 신속하게, 실속적으로 폰트 크기를 바꿀 수 있기 때문에 편하다.

* html5로 넘어오면서 대부분의 웹  브라우져 default font 크기의 값은 12pt =  16px = 1em = 100%

* 단위 변환 사이트 http://pxtoem.com/