[유용한 팁] CSS Diner - Where we feast on CSS selectors!

블로그를 운영해보니 점점 욕심이 난다. 

더 유니크하고, 더 보기 좋았으면 좋겠는데.. 

그러다보니 CSS에도 관심이 생기고,, (HTML도 잘 모르면서..?!)

그러던 중에 추천받은 CSS 맛보기 사이트

http://flukeout.github.io/

CSS Diner

들어가면 흔들흔들 움직이는 접시 두개가 나를 반긴다. 

이 페이지는 실제로 CSS를 배운다기보다, 
대~충 어떤 식의 구조로 되어있구나의 일부를 맛볼 수 있는데 은근 재미있다. 

흔들리는 접시를 선택하는 것이 미션!

화면 예시

오른쪽 HTML 뷰어를 보고, CSS 에디터에 답을 입력하는 것인데 
예를 들어 첫번째 단계에서는 Table이라는 큰 덩어리 안에 있는 plate를 선택하면 된다. 

즉, 답은 plate

단계가 지날 수록 HTML이 복잡해지는데 오른쪽 설명을 참고해서 풀면 된다.

심심할 때 해보면 시간 금방 간다. 여러번 풀어보면 대충 감 잡힐 것 같다!

추천추천~~!!