목록grid (1)

꾸매코딩

[CSS] Grid에 대한 설명과 사용 방법

Grid란? Flex가 한 방향 레이아웃 시스템(1차원)이라면 Grid는 두 방향(가로-세로) 레이아웃 시스템(2차원)이다. Flex도 충분히 좋은 기술이지만, 좀 더 복잡한 레이아웃을 위해 CSS Grid를 사용할 수 있다. Grid의 구조 부모 요소와 자식 요소로 구분된다. 부모 요소를 Grid Container(그리드 컨테이너), 자식 요소를 Grid Item(그리드 아이템)라고 부른다. "부모(컨테이너)는 Grid의 영향을 받는 전체 공간을 의미하고, 설정된 속성에 따라 각각의 자식(아이템)들이 배치된다." 1 2 3 4 5 6 7 8 9 Grid의 속성 - 부모(컨테이너)에 적용하는 속성 - 자식(아이템)에 적용하는 속성 Grid 부모(컨테이너)에 적용하는 속성 grid 컨테이너 설정 displ..
CSS 2021. 10. 23. 20:52
이전 Prev 1 Next 다음