[Web/CSS] CSS - CSS 그리드 레이아웃
✏️ CSS 그리드 레이아웃 용어플렉스 박스 레이아웃에서는 가로나 세로 중에서 하나를 주축으로 정해 놓고 플렉스 항목을 배치했다면, CSS 그리드 레이아웃에서는 그리드 항목을 배치할 때 가로와 세로를 모두 사용함. 플렉스는 1차원이고 그리드는 2차원이라고 생각, CSS그리드 레이아웃은 가로 방향을 가리키는 줄(row)와 세로 방향을 가리키는 칼럼(column)으로 웹 화면을 구성 ✏️ 그리드 컨테이너를 지정하는 display 속성그리드 레이아웃을 지정할 때에는 가장 먼저 그리드를 적용할 요소의 바깥 부분을 그리드 컨테이너로 만들어줘야 함. 그리드 컨테이너를 만들 때는 display 속성을 grid나 inline-grid로 지정종류설명grid컨테이너 안의 항목을 블록 레벨 요소로 배치inline-grid컨..
Front-end/CSS
2024. 5. 6. 19:40
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- c++ string
- C++
- 알고리즘 공부
- 자바스크립트
- 백준
- 스프링 부트 crud 게시판 구현
- Do it!
- 우선순위 큐
- 카운팅 정렬
- java
- 알고리즘
- CSS
- BFS
- 스택
- 세그먼트 트리
- HTML5
- 이분 매칭
- html
- C++ Stack
- 유클리드 호제법
- 에라토스테네스의 체
- 백준 풀이
- DP
- 투 포인터
- 자료구조
- 유니온 파인드
- 자바
- 반복문
- DFS
- js
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
글 보관함