CSS 게임으로 익히기

CSS 어떻게 사용하는지 감이 안잡히는 분들에게 추천하는 부분이다.

CSS Diner	flukeout.github.io	CSS 코드로 접시 선택하기
Flexbox Froggy	flexboxfroggy.com	CSS 코드로 개구리가 수련잎에 올라갈 수 있도록 돕기
Grid Garden	cssgridgarden.com	CSS 코드로 당근밭 가꾸기
Flexbox Defense	www.flexboxdefense.com	CSS 코드로 대포를 배치해서 몰려드는 적들을 물리치는 디펜스게임

 

 

 

대충 CSS 강의를 들어서 쉬워보였던 분들은

나중에 프로젝트나 실상 적용하는데

어 혼자 했을때는 되게 잘 되었는대 왜 지금은 잘 안되지?

하시는 분들을 위해 추천하는 사이트다

 

 

1.CSS Diner

 

css를 어떤식으로 해야하는지 적용하면되는 부분이고

 

기본이 있다면 난이도는 ★★★☆☆

중으로 생각이 든다

원리를 아는데 시간이 조금 소요되지만 한번은 해보는걸 추천한다

 

 

 

 

 

2.FLEXBOX FROGGY

 

display : flex

에 취약한 사람들에게 추천하는 부분이다

어떤 위치에 둬야할지 이해를 못하는 분들에게는 5분안에 짧은 경험치를 쌓게해준다

 

난이도 ★☆☆☆☆

 

 

 

 

 

 

 

3.FLEXBOX FROGGY

 

 

 

 

난이도 ★★★☆☆

 

 

 

 

 

 

 

4. FlexBox

 

 

 

난이도 ★★★☆☆

내용은 거의 동일하다