Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- es6
- 이벤트핸들러
- break문
- 전자정부프레임워크
- 삼항연산자
- 이벤트
- javascript
- Step2
- Event
- for문
- egov
- 자바스크립트
- 유튜브 올리버쌤
- spread operator
- array
- java
- 이클립스
- 취업반
- hanq
- position
- math
- 한큐
- web
- 한큐에자바
- continue문
- 올리버쌤
- Youtube 올리버쌤
- 자바
- JDK
- 유뷰브 올리버쌤
Archives
- Today
- Total
목록html #css #layout #flexbox #grid #markup #CSS3 #마크업 #레이아웃 #플랙스 #플랙스박스 #그리드 (1)
호다닥
CSS : flex 와 Grid
Flex flex 는 기기의 속성에 따라 디자인이 유동적으로 바뀌지 않는 CSS의 단점을 개선하기 위해 사용된다. 요소의 사이즈가 불명확하거나 동적으로 변화할때 유용하게 사용할 수 있다. 단, 부모가 flex-container 이어야만 자식 element 를 움직일 수 있다. FlexBox layout 에서 content, items, self 의 차이 Grid 주요 properties grid-auto-rows ( / [column]) grid-auto-flow : row(default) ( / [column]) - 내가 지정한 grid보다 더 많은 cell 들이 생성될 때, 추가 생성되는 cell 들을 어디로 생성할지 결정 minmax - element 크기 변화에 limit 을 준다. ( 최대값을 ..
HTML & CSS
2020. 7. 26. 01:33