[CSS] px, em, rem

❓px (픽셀)

• px는 픽셀 단위로, 고정된 크기를 나타낸다.
• px 값은 사용자의 화면 해상도에 따라 정확한 크기를 가지게 된다.
• 주로 레이아웃이나 정확한 크기를 필요로 하는 요소에 사용된다. 예를 들어, 너비나 높이를 고정적으로 지정하거나, 특정한 텍스트 크기를 설정하는 경우에 유용하다.

❓em

• em은 상대적인 크기를 나타내는 단위다.
• em 값은 부모 요소의 크기에 따라 상대적으로 결정된다.
  만약 부모 요소의 크기가 16px이라면, 1em은 16px을 의미한다.
• 주로 텍스트 크기를 상대적으로 조정하거나, 레이아웃에서 유연한 조정이 필요한 경우에 사용된다.

❓rem

• rem은 "루트 엠" (root em)을 의미하며, 최상위 요소 (보통 html 요소)의 크기에 상대적인 크기를 나타낸다.
• rem 값은 최상위 요소의 크기에 따라 결정되기 때문에, 전체적인 페이지의 크기에 영향을 받는다.
• 주로 전체 페이지의 일관된 스케일링을 위해 사용되며, 특히 반응형 웹 디자인에서 유용하다.