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