250103 TIL
·
TIL
CSS3에서 사용되는 단위와 크기 단위1. px (픽셀)고정된 크기화면의 1픽셀 크기로 설정.반응형 디자인보다는 정확한 크기를 지정할 때 사용.div { width: 100px; /* 100픽셀 */}2. % (퍼센트)부모 요소 크기에 대한 비율로 설정반응형 디자인에서 주로 사용div { width: 50%; /* 부모 요소 너비의 50% */}3. em부모 요소의 폰트 크기를 기준으로 한 상대적 단위.1em은 부모 요소의 현재 폰트 크기와 동일.요소의 크기나 여백 등을 상대적으로 설정할 때 유용/* 부모 요소 */body { font-size: 16px; /* 루트 폰트 크기 */}/* 자식 요소 */p { font-size: 1.5em; /* 16px × 1.5 = 24px */}h1 { f..