2025.06.30 (월)
CSS 박스 모델, box-sizing, display 속성, float, 선택자 및 가상 클래스
content + padding + border + margin 구조로 요소의 전체 영역 구성box-sizing: border-box 사용 시, padding, border를 포함한 크기로 요소 너비 계산overflow: 콘텐츠가 요소를 넘어갈 경우 처리 방법 제어 (hidden, scroll, 등)display 속성 비교: block, inline-block, inline의 레이아웃 특성float: 요소를 좌우로 띄워 배치, clear, overflow로 레이아웃 붕괴 방지 필요.class), 아이디(#id), 자손(A B), 자식(A > B) 등 다양한 방식 존재:hover, :focus, :active 등 사용자 인터랙션에 반응