코딩공부사이트/ccs diner/css선택자/css선택자 연습/html선택자/코딩 선택자 연습/

코딩공부사이트/

css선택자 

 

https://flukeout.github.io/

CSS Diner

 

Flukeout는 CSS(Cascading Style Sheets)를 배우는 데 유용한 인터랙티브 웹사이트입니다. 사이트 이름은 CSS Diner로, CSS 선택자를 연습하는 게임 형태의 학습 도구입니다. 사용자는 주어진 HTML 요소에 맞는 CSS 선택자를 작성하여 각 레벨을 통과하는 방식으로 CSS의 기초를 익힐 수 있습니다.

주요 특징:

• 게임 형식 학습: 각 레벨은 특정 HTML 요소들을 대상으로 하며, 사용자는 CSS 선택자를 작성하여 지정된 요소들을 선택해야 합니다.
• 점진적 난이도 상승: 초반에는 간단한 태그 선택부터 시작하지만, 후반으로 갈수록 클래스, 속성, 자손 선택자 등 다양한 CSS 선택자들을 다룹니다.
• 실시간 피드백: 입력한 선택자가 올바르면 즉시 피드백이 제공되어 학습 효과가 높습니다.

CSS 선택자를 배우고 싶은 초보자나 CSS 선택자에 자신감을 얻고 싶은 사람들에게 추천할 만한 사이트입니다.