목록em rem 차이 (1)

dev_or_alive

[CSS][길이단위] px, em, rem

✅ 개요CSS를 처음 접하면 가장 흔한 px(픽셀)부터 em, rem 같은 여러가지 길이 단위가 있습니다.이 글에서는 길이 단위가 등장한 배경부터 각 단위의 특징 및 사용 시점까지 알아보도록 하겠습니다.✅ 길이 단위란?웹에서 “길이”는 글꼴 크기나 여백, 레이아웃의 폭처럼 화면상의 모든 크기를 정의합니다.크게는 절대 단위와 상대 단위로 나누어집니다.👉 절대 단위: 환경이 달라도 변하지 않는 값👉 상대 단위: 기준이 되는 크기에 비례해 바뀌는 값🔥 px: 절대 단위px은 절대 단위의 대표 주자이며, 브라우저가 규정한 “참조 픽셀” 하나에 대응합니다.특징으로는 화면의 해상도, 사용자 글꼴 설정과 거의 무관하게 고정됩니다.또한 값이 직관적이라 초보자가 이해하고 계산하기가 쉽습니다. 🎉 언제 사용하죠??..
Web Programming/CSS 2025. 5. 8. 00:42
이전 Prev 1 Next 다음