목록grid정렬 (1)

코드노트

css grid 그리드, 정렬 및 그리드 단위 정리

grid Layout - 웹페이지를 위한 이차원 레이아웃 시스템 - 콘텐츠들을 행과 열에 배치할 수 있으며, 복잡한 레이아웃을 직관적으로 구축할 수 있는 기능들이 있다. - 그리드는 수평선과 수직선으로 이루어진 집합체로, 디자인 요소를 정렬할 수 잇는 대상 패턴을 생성 - 하나의 그리드는 columns, rows로 구성 되며, 각 행과 열 사이에 공백이 있다. 이를 gutters라고 부른다. 한줄 작성 - grid : 명시 row / 명시 columns - grid : 명시 row, columns / 암시 row, columns /* values */ grid: none; grid: "a" 100px "b" 1fr; grid: [linename1] "a" 100px [linename2]; grid: "a..
Code note/CSS 2022. 10. 14. 19:18
이전 Prev 1 Next 다음