728x90 반응형 flex2 css 속성 flex/grid를 게임으로 이해하기 Flex 이해하기 Flexbox Froggy flex속성을 이용하여 개구리를 연잎 위로 옮기는 게임 https://flexboxfroggy.com/#ko Grid 이해하기 Grid Garden grid속성을 이용하여 정원 가꾸기 게임 https://cssgridgarden.com/#ko 2023. 4. 11. flex 브라우저 지원 속성(webkit, ms) 가장 많이 사용하고 있는 flex 속성의 브라우저 지원 속성들 나열 * flex-grow : 속성값이 0이면 부모의 크기가 커져도 원래대로 유지, 속성값이 1이상이면 원래 크기에 상관 없이 부모 크기만큼 커진다. * flex shrink : 속성값이 0이면 부모의 크기가 작아져도 원래대로 유지, 속성값이 1이상이면 부모의 크기가 작아질 때 크기에 맞게 줄어든다. * flex-basis : 기본 크기를 결정한다. px, %, em, rem 등 모든 단위를 속성값에 사용하며 크기가 단위에 맞게 고정됩니다. 가지고 있는 크기를 계속 유지하려면 auto 선언 display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-box-flex: 0; -ms-fl.. 2023. 1. 4. 이전 1 다음 728x90 반응형
