TechScribe Notes

CSS에서 사용하는 단위 본문

프론트엔드/CSS

CSS에서 사용하는 단위

yunmee0704 2021. 12. 20. 00:23
종류 설명
em 부모 요소에서 지정한 글꼴의 대문자 M의 너비를 기준으로 비율값을 지정한다. 1em = 10px
rem 문서 시작부분(html)에서 지정한 크기를 기준으로 비율값 지정
ex 해당 글꼴의 소문자 x의 높이를 기준으로 비율값을 지정함.
px 모니터의 1픽셀 기준으로 비율값 지정
pt 폰트 글꼴 지정시에 많이 사용.
vw 뷰포트 가로 너비의 백분율 1vw=전체 화면 너비의 100분의1
vh 뷰포트 세로 너비의 백분율 1vw=전체 화면 너비의 100분의1

'프론트엔드 > CSS' 카테고리의 다른 글

[CSS]마진 겹침 현상(margin collapsing)  (0) 2023.12.18
[코딩애플;js]position:sticky  (0) 2023.11.26
07.웹페이지 레이아웃  (0) 2021.09.18
06.CSS활용 -목록과 폼 꾸미기  (0) 2021.09.14
05.CSS활용(2) 디스플레이  (0) 2021.09.14