CSS 기본기

프로퍼티별 사용 단위 / CSS 크기 단위 정리 (px, %, rem, em, vh, vw)

쿠키는 서비스 2023. 4. 25. 11:58
반응형

px - Pixels 

Absolute Lengths

 

% - percentages

Viewport Lengths & Font-Relative Lengths

 

rem - root em

Font-Relative Lengths

 

em - em

 

vh - viewport height

현재 보이는 화면에 대한 길이(Viewport Lengths)

 

vw - viewport width

현재 보이는 화면에 대한 길이(Viewport Lengths)

feat. vmin, vmax 등도 있음

 

어떤 프로퍼티를 사용해야 되는지?

박스 모델 프로퍼티? font-size, padding, border, margin, width, height, top, bottom 

반응형

'CSS 기본기' 카테고리의 다른 글

HTML Ul Li태그 앞에 기호 없애기(Ul CSS no bullets)  (0) 2023.04.20
CSS selector{property:value}  (0) 2023.04.14
CSS Pseudo class 예제  (0) 2023.04.14