CSS44 LayOut 구조 2 레이아웃02 이번 레이아웃은 사이드메뉴가 두개 컨텐츠가 한개 들어간 구조입니다. float, flex, grid 를이용하여 구조화를 할수있습니다. float를 이용한 레이아웃 CSS 속성(property) float 은 한 요소(element)가 보통 흐름(normal flow)으로부터 빠져 텍스트 및 인라인(inline) 요소가 그 주위를 감싸는 자기 컨테이너의 좌우측을 따라 배치되어야 함을 지정합니다. * { box-sizing: border-box; padding: 0; margin: 0; } body { background-color: #E8F5E9; } #wrap { width: 1200px; margin: 0 auto; } #header { width: 100%; height: 100px; b.. 2022. 7. 27. LayOut 구조 1 레이아웃01 이번 레이아웃은 사이드메뉴가 하나 컨텐츠가 하나 들어간 구조입니다. float, flex, grid 를이용하여 구조화를 할수있습니다. float를 이용한 레이아웃 CSS 속성(property) float 은 한 요소(element)가 보통 흐름(normal flow)으로부터 빠져 텍스트 및 인라인(inline) 요소가 그 주위를 감싸는 자기 컨테이너의 좌우측을 따라 배치되어야 함을 지정합니다. * { padding: 0; margin: 0; } body { background-color: #FFF3E0; } #wrap{ width: 1200px; margin: 0 auto; } #header{ width: 100%; height: 100px; background-color: #FFE0B2; .. 2022. 7. 25. 이전 1 ··· 5 6 7 8 다음 728x90 반응형
