반응형
CSS3
-
[CSS]CSS Grid가 뭘까? 이 글로 종결한다 - CodeHan의 코딩공부FrontEnd/CSS 2022. 8. 17. 16:03
CSS Grid Flex는 한 방향 레이아웃 시스템이고 Grid는 두 방향(가로 - 세로) 레이아웃 시스템이다. Grid의 기본적인 구조 A B 부모 요소인 div.container를 Grid컨테이너라고 부르고, 자식 요소인 div.item들을 Gid Item이라고 부른다. Grid Track : grid의 행 또는 열 Grid Cell : 그리드의 한 칸을 가리킨다 Grid Line : 셀을 구분하는 선(세로선) Grid Number : Grid라인의 각 번호(가로선) Grid Gap : Grid 셀 사이 간격 Grid Area : Grid라인으로 둘러싸인 사각형 영역으로, 셀의 집합이다. grid-templete-row, grid-templete-columns : 그리드 형태 정의 columns와 r..