이번 포스팅에서는 CSS3에서 사용되는 단위인 px, rem, em의 차이에 대하여 공부를 해보고자 한다. 이 단위들은 웹 페이지의 요소들의 크기를 지정하는 데 사용된다. 각 단위에 대한 설명 px(픽셀) px은 "픽셀"을 나타내며, 고정된 크기를 나타낸다. 예를 들어, font-size: 16px;는 해당 텍스트의 글꼴 크기를 16픽셀로 설정한다. 픽셀 단위로 크기를 지정하므로, 장치의 해상도에 따라 크기가 변하지 않는다. 고정 크기로 웹 페이지를 디자인하고자 할 때 주로 사용된다. rem (루트 엠) rem은 "루트 엠"을 나타내며, 상대적인 크기를 나타낸다. 기본적으로 HTML 요소의 기본 글꼴 크기인 "루트 엠"을 기준으로 삼는다. 예를 들어, font-size: 1.2rem;은 해당 텍스트의 글..
