CSS단위
-
TIL 05. CSS 단위 (em, rem, px) 정리Front-end Dev./HTML_CSS 2021. 11. 15. 23:32
평소 헷갈리던 단위 개념인 rem, em, px 단위를 정리해보려 한다. CSS 공부를 하면서 어떤 상황이든 px을 사용하곤 했는데, 디자인 의도에 따라 단위의 사용 목적이 바뀐다는 것을 알게 되었다. 오늘은 상대적 단위인 rem, em에 대해서 더 알아보고자 한다. 1. rem (root em) : 루트 요소(html)의 폰트 크기를 기준으로 사용하는 단위. font-size를 조절하는데 유용하게 사용된다. 사용자가 브라우저 폰트 크기를 설정한 경우 rem도 영향을 받는다. 루트 요소의 폰트 크기를 62.5%로 지정한 후 rem을 사용하는 방법은 1 rem = 10px이 되어 계산하기 편하다. 계산을 편하게 하기 위해서 Html에서 font-size를 10px으로 설정한 후, 모든 요소에 1 rem =..