CSS 에서 사용하는 단위는 다양하다
px, rem, em 등등,,,
단위
- 절대 길이 단위 :
px(cm, mm, in, pc, pt ….) - 상대 길이 단위 : %, vw, vh, (vmin, vmax, em, rem…)
px
- Pixel(Picture + Element)
- 절대 길이 단위
- 고정된 값이라 직관적으로 쉽게 사용한다
%
- 부모 요소를 기준으로 하는 백분율 단위
em
- 부모요소로부터 상속받은 요소의 글자 크기를 기준으로 하는 배수 단위
rem
- root em이라는 의미로
최상의 요소(<html>)의 글자 크기를 기준으로 하는 배수 단위이다 <html>의 기본 폰트 사이즈는 16px 이다
vw, vh
- 뷰포트(화면) 넓이(w), 높이(h)를 기준으로 하는 백분율 단위
- 1vw = 화면의 1%
https://developer.mozilla.org/ko/docs/Learn/CSS/Building_blocks/Values_and_units
(참고)
코드 한줄, 우동 한 그릇(?,,,)