css 단위 (20.07.07)

1.  CSS에서 길이를 표현하는 단위

 

*절대 길이

- px(pixels): 1픽셀은 화면의 한개의 점과 같음/화면에서 고정된 크기 값을 가지고 있기 때문에 절대길이에 속합니다.

- pt(points): 인쇄물이나 워드프로세서 프로그램에서 사용되어온 가장 작은 표준 인쇄 단위.

 

*상대 길이

- %(percentage): 기본 글꼴 크기에 대해서 상대적인 값을 가집니다.

200% 값으로 저장할 경우 글자의 픽셀이 2배 커지는것을 알 수 있습니다.

 

- em(font size of the element): 선언한 해당 폰트의 대문자 M의 너비를 기준으로 하는 상대적인 단위입니다.(상위 픽셀을 기준으로 값이 변경됩니다.)

1em은 16px입니다. 

 

- rem(font size of the root element)

-vw(1% of viewport's width)