선택자: 스타일을 적용할 대상 고르기

스타일을 지정하기 전에 무엇을 꾸밀지 가리켜야 합니다. 그것이 선택자의 역할입니다. 이 수업을 통해 확실히 이해하게 될 것입니다. ✨

선택자는 그저 “이것, 바로 여기”라고 가리키는 것입니다. 그게 전부입니다. 외울 필요가 없습니다.

가장 쉬운 선택자는 태그 이름을 사용합니다. “p”를 작성하면 페이지의 모든 단락을 한 번에 선택합니다.

일부 요소만 스타일을 지정하고 싶으신가요? 요소에 클래스를 부여하고 .note처럼 점을 사용하여 선택하십시오. 매우 유연합니다!

가장 좋은 점은 하나의 클래스를 여러 요소에 재사용할 수 있다는 것입니다. 한 번 스타일을 지정하고 어디에나 적용할 수 있습니다. 시간을 크게 절약할 수 있습니다. ⏱️

특별한 요소 하나가 필요하신가요? 요소에 식별자를 부여하고 #header처럼 해시 기호를 사용하여 선택하십시오. 식별자는 고유하게 사용하도록 정해져 있습니다.

빠르게 기억하는 방법입니다. 점은 여러 요소를 위한 클래스에 사용하고, 해시는 하나의 요소를 위한 식별자에 사용합니다. 태그 이름에는 기호를 전혀 사용하지 않습니다.

클래스는 그룹 이름표이고 식별자는 하나뿐인 VIP 배지라고 생각해 보십시오. 선택자는 그 이름표를 읽습니다. 🏷️

실제 페이지에서는 태그, 클래스, 식별자를 조합하여 원하는 항목에 정확히 스타일을 지정합니다. 이제 세 가지를 모두 알고 있습니다! 🙌

이제 CSS가 무엇인지 말하고, 규칙을 읽고, 선택자로 대상을 고를 수 있습니다. 이것이 진정한 CSS 기초입니다. 정말 자랑스럽습니다! 🎉