Float
Float은 특정한 요소를 왼족 혹은 오른쪽에 정렬하고자 할때 쓰는 속성입니다.
특이하게 다음 요소가 줄바꿈이 되지 않는다는 특징이 있습니다.
Flex
Flex를 사용하면 원래 세로로 있던 요소들을 가로로 배치할 수도 있고 여러요소들을 한번에 중앙에 배치할 수도 있습니다.
flex는 자기 자신에게 적용하는 것이 아니라, 정렬하고자 하는 요소들을 감싸는 부모요소에 적용해야 합니다
Grid
Grid는 말그대로 격자형태로 요소들을 배치할 수 있게 도와줍니다!
한 요소가 몇개의 칸을 차지랄지 임의로 선택할수 있는데요 잘 활용한다면 다양한 모양의 요소 배치를 손쉽게 할 수 있습니다.
'국비' 카테고리의 다른 글
| HTML/CSS 수업을 마치며 (0) | 2022.07.07 |
|---|---|
| 온라인강의 5일차 (0) | 2022.07.01 |
| 2일차 온라인강의 (0) | 2022.06.28 |
| 1일차 온라인강의 (2) | 2022.06.27 |