Language

UIUX/내용

레이아웃(Layout)

초코렛맛 2024. 4. 9. 06:54

■ 레이아웃(Layout)

○ 레이아웃이란?

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

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

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

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

 

■ 대표적인 레이아웃 기술

○ 일반적인 문서 흐름

 

box모델

 

display 속성

 

position 속성

 

flex box

 

grid layout

 

'UIUX > 내용' 카테고리의 다른 글

box모델  (0) 2024.04.17
img 태그  (0) 2024.04.15
flex box  (0) 2024.04.09
grid  (1) 2024.04.08
CSS 기본 사용형태  (0) 2024.04.08