일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- align-iitems
- 추상화 (abstraction)
- flex-direction
- probs
- 객체지향 프로그래밍 특징
- 참조자료형
- 조건문
- 캡슐화 (encapsulation)
- async/await
- display
- Promise all
- css 정리
- 다형성 (polymorphism)
- 얕은복사와 깊은 복사
- 화살표함수 기본 개념
- 클래스 문법 구조
- Instanc
- 재귀적으로 생각하기
- Math.floor()
- justfiy-content
- props비구조화 할당
- Promise Chaining
- 첫번째 미니 프로잭트
- 문자열을 객체로 만드는법
- probs.children
- string
- 재귀함수 탬플릿
- align-content
- 상속 (inheritance)
- class
Archives
- Today
- Total
목록Order (1)
희락코딩
CSS 개념정리 / 플렉스 (정렬) flex!
플렉스 (FLIX) html의 구도를 좀 더 수월하게 해결 해주는 친구!!! 바로 플렉스 입니다. 이친구의 기본 옵션은 정렬입니다.이번 블로깅은 플렉스가 어떤식으로 적용 되는지 이미지를 통해 정말 가볍게 알아보도록 하겠습니다. flex 플렉스는 부모요소 안에 있는 자식들을 수평으로 정렬시켜주는 속성입니다. 플렉스로 나뉜 Flex items 와 Flex Contanier에 다양한 CSS 속성을 부여 할 수 있습니다. Flex Contanier display, flex-flow , flex-direction, flex-wrap justify-content, align-content, align-items Flex items order, flex, flex-grow, flex-shrink, flex-basis..
프로그래밍/HTML, CSS
2021. 4. 28. 00:29