| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- JavaScript
- DOM
- 친해지기
- property
- HTML
- 정규식표현
- display
- CLASS
- 코드다이어리
- CSS
- js
- regexp
- frontend
- 코딩테스트
- 선택자
- column-gap
- Pseudo
- 코드일기
- 웹폰트
- tailwindcss
- 코딩일기
- GAP
- row-gap
- Coda
- sass
- 코딩문제
- 가상클래스
- 코딩퀴즈
- Grid
- Flex
- Today
- Total
목록row-gap (2)
< Code diaries />
CSS Property - Display : grid 속성
CSS Grid Flex보다 조금은 더 어려워하는 Grid 속성다루기에 오신 것을 환영합니다.Flex를 이해했다면, Grid도 어렵지 않습니다.한번 시작해 봅시다~~!! CSS Grid 에 대하여 알아봅시다~! 출발~! Grid Overview- Flex box에서는할 수 없는 그리드 방식을 레이아웃을 구현할 수 있는 속성입니다.- 참조사이트 - 바로가기 A. Grid container- 참조사이트 - 바로가기- Grid연습을 위해 많은 학생들이 한번씩은 해보는 그리드 가든 게임~! - 바로가기 B. Grid items- 참조사이트 - 바로가기 C. Flex, Grid 공통 속성PropertyValueDescriptionnotegapNumber축약형으로 gap : row-gap column-gap..
CSS Property - Display : Flex 속성
CSS Flex 많은 사람들이 어려워하는 Flex 속성다루기에 오신 것을 환영합니다.음... 플렉스는 속성이 많아서 좀 복잡해 보일뿐, 원리만 이해하면 많이 복잡하지 않습니다. 한번 시작해 봅시다~~!! CSS Flex 에 대하여 알아봅시다~! 출발~! Flex Overview- 블럭요소들은 모두 줄바꿈 되어 표시가 되어, 스타일링을 하려면 한줄로 모으던가 여러줄로 나누는 등 디자인에 맞게 스타일링 해야하는데, 이때에 많이 사용하는 것이 flex box 입니다.- 참조사이트 - 바로가기 A. Flex container- 참조사이트 - 바로가기- Flex 연습을 위해 많은 학생들이 한번씩은 해보는 개구리게임~! - 바로가기 B. Flex items- Order 속성을 이용하여 순서를 지정할 수 도 있..