Record

2단 레이아웃은 header 과 footer를 제외하고 content 부분에 우측 부분에 aside를 두어서 두개로 나누어진 레이아웃이다. 구현은 float를 사용하는 방법과 table / table-cell을 사용하는 방법 2가지가 있다. ====== float 사용 ====== html header content aside footer container이라는 section으로 하나로 묶어주고 그 안에 컨텐츠영역과 aside영역을 구분해 놓았다. css @charset "utf-8"; /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet..

* 이 글은 부스트코스 웹 UI제작에 있는 강의 내용을 토대로 정리/분석한 글입니다. 레이아웃 레이아웃은 책이나 신문, 잡지 등의 출판물에서 글이나 그림을 효과적으로 정리하고 배치하는 일을 뜻하는 출판용어 이와같이 웹사이트를 제작할때 메뉴, 컨텐츠, 부가정보 등과 같은 구성요소들을 필요한 곳에 위치하여 사용자가 효과적으로 웹사이트를 이용할 수 있게 배치하는 작업 종류 1. 1단 레이아웃 가장 기본이 되는 레이아웃 헤더/콘텐츠/푸터 영역이 직렬로 연결된 형태를 가지고 있다. 2. 다단 레이아웃 3. 고정 레이아웃 4. 그 외 다양한 레이아웃 1단 레이아웃 부터 실습해보자 . html 헤더 콘텐츠 푸터 전체를 감싸는 wrap 와 각 header , content, footer이 들어가는 공간을 만들었다. c..