CSS Unit
Pixel (px)
고정된 절대값으로, 이 픽셀값이 보통 기준이 된다.
em과 rem
- em : em은 자신의 부모의 크기에 적용된 값을 모두 적용한 후 적용이 된다.
- rem : 루트 글꼴의 크기에 비례한 크기를 나타낸다. 대부분 1rem = 16px이 디폴트 값이지만, 루트 글꼴 크기를 조절하면 바뀌게 된다.
vw와 vh
각각 viewport width, viewport height를 나타내며, 현재 스크린 크기에 비례한 상대적인 크기를 나타낸다.
fr
grid track에서 사용하는 사이즈로 유연한 단위로 그리드 컨테이너의 공간을 할당할 수 있다
ex) grid-template-columns: 1fr 1.3fr 1fr;
이때, 열의 길이는 1 : 1.3 : 1 이 된다.
