CSS 개요 및 선택자(SELECTOR) #1

📝 CSS 개요 및 선택자(SELECTOR)
#230213

📌 CSS(Cascading Style sheets)

마크업 언어(HTML)가 실제로 화면에 표시되는 방법(모양, 색상, 크기, 스타일...)을 기술하는 언어.
-> HTML 코드가 화면에 어떤 스타일로 보여질지 지정하는 언어.

📌 Selector(선택자)

• 현재 HTML 문서 내에서 특정한 요소를 선택하는 문자 또는 문자열.
• 스타일을 적용하고자 하는 요소를 선택하는 방법.

---

✔️ 태그 선택자

현재 HTML 문서 내에서 같은 태그를 선택하는 선택자.

[작성법]
태그명 {
   CSS 코드; }

✔️ id 선택자 (# == id 속성값)

HTML 문자 내에서 id 속성값이 일치하는 요소를 선택하는 선택자.

(중요!!!) id 속성 값은 페이지 내에서 유일해야 한다!
-> 중복되는 id 속성 값이 있으면 안된다!

[작성법]
#id속성값 {
css코드; }

✔️ class 선택자(. == class 속성값)

HTML 문서 내에서 같은 class 속성 값을 가지는 태그를 모두 선택하는 선택자

[작성법]
.class속성값 {
css 코드;

✔️ 모든 요소 선택자 (*)

(단독 또는 다른 선택자와 함께 사용한 사용 가능한 선택자로)
모든 요소를 선택하는 선택자