CSS Diner 해답 및 풀이 (1)
Programming/CSS & html 2022. 4. 8. 21:34

CSS 공부를 하며 추천받은 사이트. 이미 답안이 정말정말 많이 있지만, 개인 공부를 위해 정리합니다. 문제 풀이 방법은 레벨1을 풀이하며 함께 설명하겠습니다. Level 1 table 위에 여러 오브젝트(현재 사진의 접시)들이 나오고 'Select the plates' 라는 문제가 주어집니다. 말 그대로 고르라는 것을 고르면 됩니다. CSS 에디터와 HTML 코드를 확인할 수 있고, 우리는 CSS 에디터의 selector 부분을 채워주면 됩니다. 오브젝트 위에 마우스를 가져가면 요게 뭔지 보여준답니다. 코드에도 강조가 생겨요. 레벨 1은 단순히 모든 접시를 선택하므로 답은 plate가 됩니다. plate { /* Styles would go here. */ } Level 2 벤또 박스 고르기. 접시와 ..