웹솔루션개발 22년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] 가볍게 놀이하듯이 CSS를 접할 수 있는 사이트 - Gridgarden 본문

웹프로그램밍 자료실/기타 자료

[해피CGI][cgimall] 가볍게 놀이하듯이 CSS를 접할 수 있는 사이트 - Gridgarden

해피CGI윤실장 2018. 10. 25. 09:10

재미있게 css를 접할 수 있는 사이트입니다. 각 사이트 마다 Grid속성 Flex속성 Selector를
체크할 수 있습니다.

GRID

http://cssgridgarden.com/#ko



좌측의 셀렉터에 속성값을 입력하여 잡초를 제거하면서 공부를 할 수 있습니다.



Flexbox frogy

http://flexboxfroggy.com/#ko



좌측의 셀렉터에 속성값을 입력하여 개구리를 이동시키면서 공부를 할 수 있습니다.



Selector

https://flukeout.github.io



움직이는 음식을 체크하여 좌측의 css에디터에 오른쪽의 html또는 상단의 이미지를 확인하여 css 셀렉터를 입력해주면
됩니다.


재미있게 css를 접해보세요^^




홈페이지바로가기


Comments