em (relative to parent element)
typography 에서 현재 지정된 포인트 사이즈를 나타낸다.
즉, font size 를 나타낸다.
같은 font size 라고 할 지라도 어떤 font family 를 쓰느냐에 따라서 사용자에게 보여지는 text의
크기는 달라 질 수 있다. em 은 선택된 font family 에 상관없이 항상 고정된 font size를 가지고 있다.
그렇다면 왜 em 이 상대적인 것인가?

em이라는 것은 부모의 font size 에 상대적으로 크기가 계산 된다. 기본적으로 browser 에서 html 에

할당되는 font size 는 16px 이다. 우리가 따로 지정하지 않는 이상 16px 이다.

그렇기 때문에 16px * 8em 에서 parent 는 128px 로 표현된다.

자식은 그의 0.5배, 128px * 0.5 = 64px 로 표현된다.

ex
em 과 다르게 지정된 font family 에 따라서 높이가 변경될 수 있다.
font family 가 지정된 소문자 x의 높이를 나타낸다.
ch
적용된 font family에서 숫자 0 의 너비를 나타내는 단위이다.

rem (relative to root element)

Parent 는 기본 16px 에 8rem 을 곱해서 128 px 로 표현된다.

child 는 최고 root 인 html 의 16px 에 0.5를 곱해서 8px 로 표현된다.

em 과 rem 을 사용함으로써 font size 가 동적으로 바뀐다. px 로 고정시키면 반응하지 않는다.

lh : line height of the element

100vw : browser 의 너비 100% 를 쓰겠다.
50vw : browser 의 너비 50% 를 쓰겠다.

100vh : browser의 height 100%를 쓰겠다.
50vh : browser의 height 50%를 쓰겠다.

100vmin : 너비와 높이중 작은쪽의 50%를 쓰겠다.
100vmax : 너비와 높이중 큰쪽의 50% 를 쓰겠다.

% : parent related

div {
	border: 1px solid white;
	padding:

Absolute length units...