페이지 레이아웃 1 : 2 columns – 1 단계 : 네비게이션 열의 위치 지정. 페이지 레이아웃 2 : 2 columns – 2 단계 : 여백을 사용하여 네비게이션 열 아래에서 콘텐츠를 밀어냅니다. 페이지 레이아웃 3 : 테두리를 사용하여 열의 배경을 제공합니다. 페이지 레이아웃 4 : 3 columns 페이지 레이아웃 5 : 헤더(Header) 추가 페이지 레이아웃 6 : Footer은(는) 절대 위치(absolute)의 열(columns)과 항상 작동하지 않습니다. 페이지 레이아웃 7 : 플로팅 된 열(columns)을 사용하여 Footer 추가 찰스 다윈 (Charles Darwin) : 이전 예제의 기본 원리를 스타일 업 한 버전입니다. 2D Transforms : 변형 속성을 사용하여 상자의 크기, 모양 및 위치 조작 Transform origin…