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