CSS 레이아웃 구조와 복합 선택자를 활용한 컴포넌트 스타일링
컨테이너 및 기본 박스 모델 설정
웹 페이지의 전체적인 폭을 제어하고 콘텐츠 영역을 정의하는 기본 컨테이너 스타일을 구성합니다. 고정된 너비를 설정하고 브라우저 기본 스타일을 초기화하여 일관된 레이아웃을 유지합니다.
.layout-wrapper {
font-size: 16px;
box-sizing: border-box;
overflow: hidden;
width: 1024px;
margin: 0 auto;
fl ...
9월 16일 23:50에 게시됨
CSS 플로트 및 포지셔닝 레이아웃 기법
플로트(Float) 레이아웃
플로트는 주로 페이지 레이아웃을 위해 사용됩니다. float 속성은 요소의 부유 방향을 정의하며, 모든 HTML 요소에 적용 가능합니다. 플로트 요소는 인라인 요소여도 블록 레벨 박스를 생성합니다.
비대체 요소에 플로트를 적용할 때는 명시적 너비를 지정해야 합니다. 공간이 부족하면 요소는 다음 줄로 이동합니다.
플로트의 부작용
부모 컨테 ...
6월 19일 16:58에 게시됨