WEB/CSS / / 2021. 12. 1. 20:09

[CSS] 크기 단위인 em과 rem이란?

em


상위 요소 크기의 몇 배인지 크기를 정한다.

 

예)

font-size: 2em;

위 코드는 상위 요소 크기의 2배로 하겠다는 뜻이다.

 

 

rem


문서의 최상위 요소, 즉 html 요소 크기의 몇 배인지를 정한다.

 

예)

font-size: 1.5rem;

최상위 요소에서 1.5배 하겠다는 뜻이다.

 

 

ps.


html 요소 크기 기본값은 웹브라우저에서 정한 글자 크기이다. 보통 16px.

반응형

'WEB > CSS' 카테고리의 다른 글

sass(scss) 설치 방법  (0) 2023.09.03
[css] 네이버 검색창 UI 만들기  (0) 2021.12.03
[CSS] float 속성  (0) 2021.11.28
  • 네이버 블로그 공유
  • 네이버 밴드 공유
  • 페이스북 공유
  • 카카오스토리 공유