레이아웃 기본

■ 레이아웃(Layout)

○ 레이아웃이란?

- 구성요소를 공간에 효과적으로 배열하는 기술

- CSS 레이아웃은 웹 요소를 올바른 장소에 배치하는 기술

- CSS 레이아웃 기술은 형제 요소들을 가지런히 정렬할 수 있게 해주며

요소가 컨테이너 내부에서 어떤 위치에 놓이게 될지 결정할 수 있다.

 

■ 대표적인 레이아웃 기술

○ 일반적인 문서 흐름

 

○ box모델

 

○ display 속성

 

○ position 속성

 

○ flex box

 

○ grid layout