CSS 다이너(CSS Diner)는 식탁 위의 대상을 고르며 CSS 선택자를 익히는 게임이다. 방문자는 제시된 대상을 선택하는 코드를 편집기에 입력한다. 식탁의 항목 위에 포인터를 올리면 대응하는 HTML을 확인할 수 있다. 옆에 놓인 도움말과 실행 결과를 오가며 요소의 관계를 이해하게 된다. 선택자를 외우는 데서 나아가 HTML 구조 속에서 정확한 대상을 가리키는 연습을 할 수 있다.
#웹사이트