패스트 캠퍼스 챌린지 7일차

🍒

7일차

 

Part 1. HTML/CSS/JS로 만드는 스타벅스 웹사이트

Ch 8. CSS 속성

 

---

 

Ch 8. CSS 속성

 

 

주제

 

• 플렉스(정렬)
• 전환

 

 

주요 내용

 

• justify-content: 주 축의 정렬 방법
• align-content: 교차 축의 여러 줄 정렬 방법 => 교차 축이 한 줄일 때 사용하면 동작하지 않는다.
• align-items: 교차 축의 한 줄 정렬 방법

 

 item에 적용 

• order: flex item의 순서 (숫자가 작을수록 앞에 정렬)
• flex-grow: flex item의 증가 너비 비율 (기본값 0)
• flex-shrink: flex item의 감소 너비 비율 (기본값 1)
• flex-basis: flex item의 공간 배분 전 기본 너비 (기본값 auto)

 

 🔗 transition 

• https://easings.net/ko
• https://developer.mozilla.org/en-US/docs/Web/CSS/easing-function
• https://greensock.com/docs/v2/Easing

Easing Functions Cheat Sheet

<easing-function> - CSS: Cascading Style Sheets | MDN

Docs

transiton

 

 

새롭게 알게된 내용

 

헷갈..

 

---

 

본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성되었습니다.

 

#패스트캠퍼스

#패캠챌린지

#직장인인강

#직장인자기계발

#패스트캠퍼스후기

#한_번에_끝내는_프론트엔드_개발_초격차_패키지_Online

 

https://bit.ly/37BpXiC

패스트캠퍼스 [직장인 실무교육]