HTML/CSS] em, rem, %는 어떻게 다른가요?
CSS에는 절대적인 크기를 결정하는 px, pt, 등과 상대적인 크기를 조절하는 em, rem, %가 있습니다. 이 중에서 상대적인 크기를 조절하는 단위인 em, rem, %를 비교해서 살펴보겠습니다. 이 단위들은 font의 크기를 결정할 때 뿐만이 아니라 margin, padding 등 다양한 속성에 쓰이니 알아두면 좋습니다. 아래 예제에서는 font-size와 padding을 이용해서 em, rem, %를 비교해 보겠습니다. 안녕하세요 내 이름은 '지금'이야. html { font-size: 20px; } .test2 { font-size: 30px; padding-bottom: 30px; background-color: pink; } 1. rem rem은 root요소인 의 font-size를 기준으..
2021. 6. 3.