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
- keytool
- privateKey
- CSS #flex
- Vue
- webpack
- Git
- angular
- 웹기획
- anaconda
- guide
- 일기
- securitykey
- 요구사항정의서 #기획 #UI/UX기획
- javascript #prototype # array # find()
- 해시함수
- TensorFlow
- nodejs
- 가상사설망
- tsotry
- passport.js
- Ke
- typescript
- behaviorsubject
- Javascript #MDN #Webs #Docs
- PublicKey
- es5 #es6
- Storyboard
- 안좋은습관10가지
- SSL인증서
- CSS #pseudo-classes
Archives
- Today
- Total
목록CSS #flex (1)
민자의 지식창고
Flex
시작하며... Flex는 레이아웃에 배치를 하며, 가장 많이 사용하는 방식인것 같습니다. Flex는 레이아웃 전용 배치 기능입니다. Flex는 표준스펙을 지원하지만, Grid는 legacy 버전만 지원하기 때문에 둘다 알아두면 좋지만, 일단 Flex를 가장 많이 사용하고 있습니다. HTML의 기본구조는 다음과 같습니다. Parent 요소는 container를 `Flex container`라 부르고, Childeren 요소는 `Flex Item` 이라고 부릅니다. `컨테이너가 Flex의 영향을 받는 전체 공간이고, 설정된 속성에 따라 각각의 아이템들이 떤 형태로 배치되는 것`이라고 생각하시면 됩니다. Flex의 속성들은, Container에 적용하는 속성 Item에 적용하는 속성 Container에 적용하..
개발노트/CSS
2021. 4. 14. 08:38