[CSS] 크기 단위

CSS에서는 크기를 나타내는 단위에 종류가 몇 가지가 있다.

절대적인 단위

픽셀 px

크기가 정해져 있다. 자주 사용한다.

상대적인 단위

퍼센트 %

부모 태크의 크기에 상대적으로 지정할 때 사용. 부모 태그의 높이의 절반 값을 쓰고 싶으면, height: 50%;로 쓸 수 있다.

em

부모 태크의 폰트 크기에 상대적으로 지정할 때 사용. 부모 태그의 폰트의 2배의 값을 쓰고 싶다면 font-size: 2em;로 쓸 수 있다.

rem

html 태크의 폰트 크기에 상대적으로 지정할 때 사용. 부모 태그의 폰트 크기는 무시하고 html 태그의 3배 크기의 폰트 크기를 쓰고 싶다면 font-size: 3rem;로 쓸 수 있다.