본문 바로가기
Today I Learned/CSS

[CSS] rem, em - 에이블런 프론트엔드부트캠프 8일차

by YES_developNewbie 2024. 7. 24.

1. rem, em

rem은 root element의 약자로, 루트 요소인 html요소의 fontsize를 1rem으로 기준하는 상대적인 길이 단위를 말한다.

em은 element의 약자로 상속된 부모요소의 fontsize 1em으로 기준하는 길이 단위이다.

section h1 {
    font-size: 3.2rem;
}

section h1 {
	font-size: calc(16px * 3.2);
}

두 코드가 동일하게 적용되는 것을 볼 수 있다.