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);
}
두 코드가 동일하게 적용되는 것을 볼 수 있다.
'Today I Learned > CSS' 카테고리의 다른 글
[CSS] SASS 설치 방법 - 에이블런 프론트엔드부트캠프 11일차 (0) | 2024.07.29 |
---|---|
[CSS] HTML CSS 복습 - 에이블런 프론트엔드부트캠프 11일차 (0) | 2024.07.29 |
[CSS] FLEX를 활용한 반응형 레이아웃 - 에이블런 프론트엔드부트캠프 7일차 (1) | 2024.07.24 |
[CSS] MEDIAQUERY, SVG, FLEX - 에이블런 프론트엔드부트캠프 7일차 (1) | 2024.07.23 |
[CSS] CSS 4 - 에이블런 프론트엔드부트캠프 5일차 (0) | 2024.07.19 |