HTML 구성하기 - CSS로 화면을 구분할 때는 수직분할과 수평분할을 차례로 적용하여 콘텐츠의 흐름에 따라 작업함 1. 수직분할 : 화면을 수직으로 구분, 콘텐츠를 가로로 배치 2. 수평분할 : 수직으로 분할된 각각의 요소들을 수평으로 구분, 내부 콘텐츠를 세로로 배치 레이아웃 리셋 - HTML 문서는 기본적인 스타일을 가지고 있으며, 때때로는 레이아웃을 잡는 데 방해가 되기도 함 - 기본 스타일링을 제거하는 코드를 적용해 디자인대로 레이아웃을 구현할 수 있다. * { box-sizing: border-box; } body { margin: 0; padding: 0; } Flexbox로 레이아웃 잡기 - display: flex; 를 부모 박스 요소에 적용해, 자식 박스 요소의 방향과 크기를 결정할 수..