목록CSS (1)

귤로그

[CSS] em과 rem의 차이는?

처음에는 em만 알고 있었는데, rem이라는 단위도 알게 되었습니다. 둘 다 상대단위이고 이름도 비슷한데 차이가 무엇인가 궁금해서 정리해보게 되었습니다. 📌em font-size : 해당 요소(element)의 부모 요소의 글자 크기를 바탕으로 font-size가 결정. padding, margin 등 : 해당 요소의 글자 크기를 바탕으로 크기가 결정. html 2em 1em 0.5em css .em-1{ font-size: 2em; } .em-2{ font-size: 1em; } .em-3{ font-size: 0.5em; } 기본적으로 html의 폰트 사이즈는 16px입니다! 그렇다면 font-size는 어떻게 될까요? em단위에서는 부모 요소의 font-size를 기준으로 결정된다고 했습니다. 결과..
CSS 2022. 1. 31. 03:06
이전 Prev 1 Next 다음