레이아웃5 layout05 레이아웃05 float을 이용한 레이아웃이다. * { margin: 0; padding: 0; } #wrap { width: 100%; margin: 0 auto; } #header { width: 100%; height: 100px; background-color: #EEEBE9; } #nav { width: 100%; height: 100px; background-color: #B9AAA5; } #mian { width: 100%; height: 780px; background-color: #886F65; } #footer { width: 100%; height: 100px; background-color: #4E342E; } .container { width: 1200px; height: inher.. 2022. 7. 29. layout04 레이아웃04 이번 레이아웃은 전체 영역이 들어간 구조이다. 실제 사이트에서 이런 구조를 많이 사용하며, 컨테이너를 만들어서 가운데 영역을 설정. float을 이용한 레이아웃 이다. 레이아웃을 이용한 * { margin: 0; padding: 0; } #body{ } #header { height: 100px; background-color: #E0F2F1; } #nav { height: 300px; background-color: #80CBC4; } #section { height: 580px; background-color: #26A69A; } #footer { height: 100px; background-color: #00897B; } /* 아이디/클래스 #/. 한번/두개 이상/중복도 가능 전체적인.. 2022. 7. 29. layout03 레이아웃 컴퓨터 그래픽 디자인이나 소프트웨어 디자인에서 각 구성요소를 제한된 공간 안에 효과적으로 배열하는 일, 레이아웃에는 float, flex, grid 3가지로 나뉜다. 레이아웃 01.float float를 이용하여 가로로 배치할 수 있다. float은 레이아웃을 완성하기 위한 필수적인 속성이다. 세로로만 나열되던 블록들을 가로로 서로 어울리게 배치할때 유용하다. See the Pen Untitled by 이유나 (@fkdldhs8484) on CodePen. 레이아웃 02.flex flex는 요소들이 포함된 큰 박스에 flex를 선언하고, 안에 있는 요소들에게는 유연하게 배치하는 속성들을 부여하여 레이아웃을 잡는 것이다. See the Pen Untitled by 이유나 (@fkdldhs8484).. 2022. 7. 25. layout02 레이아웃 컴퓨터 그래픽 디자인이나 소프트웨어 디자인에서 각 구성요소를 제한된 공간 안에 효과적으로 배열하는 일, 레이아웃에는 float, flex, grid 3가지로 나뉜다. 레이아웃 01.float float를 이용하여 가로로 배치할 수 있다. float은 레이아웃을 완성하기 위한 필수적인 속성이다. 세로로만 나열되던 블록들을 가로로 서로 어울리게 배치할때 유용하다. See the Pen Untitled by 이유나 (@fkdldhs8484) on CodePen. 레이아웃 02.flex flex는 요소들이 포함된 큰 박스에 flex를 선언하고, 안에 있는 요소들에게는 유연하게 배치하는 속성들을 부여하여 레이아웃을 잡는 것이다. See the Pen Untitled by 이유나 (@fkdldhs8484).. 2022. 7. 25. layout01 레이아웃 컴퓨터 그래픽 디자인이나 소프트웨어 디자인에서 각 구성요소를 제한된 공간 안에 효과적으로 배열하는 일, 레이아웃에는 float, flex, grid 3가지로 나뉜다. 레이아웃 01.float float를 이용하여 가로로 배치할 수 있다. float은 레이아웃을 완성하기 위한 필수적인 속성이다. 세로로만 나열되던 블록들을 가로로 서로 어울리게 배치할때 유용하다. See the Pen Untitled by 이유나 (@fkdldhs8484) on CodePen. 레이아웃 02.flex flex는 요소들이 포함된 큰 박스에 flex를 선언하고, 안에 있는 요소들에게는 유연하게 배치하는 속성들을 부여하여 레이아웃을 잡는 것이다. See the Pen Untitled by 이유나 (@fkdldhs8484).. 2022. 7. 25. 이전 1 다음
