CSS - 단위

코딩하는 우동·2023년 8월 19일
0

css

목록 보기
6/11

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
(참고)

profile
코드 한줄, 우동 한 그릇(?,,,)

0개의 댓글