스타일 규칙을 작성하는 방법
스타일 규칙은 세미콜론(;)으로 구분하여 중괄호({ }) 안에 나열한다.
주석
한 줄짜리 주석, 여러 줄짜리 주석 모두 /* */
선택자
CSS의 기본 선택자의 종류를 알아봅시다.
🧸 전체 선택자
* { ... } : 문서의 모든 요소에 해당 스타일 적용
🧸 타입 선택자
p { ... } : p 태그에 { } 안의 스타일을 적용
🧸 클래스 선택자
.클래스명 { ... } : 해당 클래스명을 가지고 있는 요소에 스타일을 적용
🧸 id 선택자
#아이디명 { ... } : 해당 아이디명을 가지고 있는 요소에 스타일을 적용
클래스 선택자 vs. id 선택자
둘 다 웹 문서의 특정 부분을 선택해서 스타일을 지정할 때 사용한다는 점은 동일하다. 하지만 차이가 있다.
1. 기호
- 클래스 선택자 : 마침표(.) 기호 사용
- id 선택자 : # 기호 사용
2. 문서에서 적용할 수 있는 횟수
- 클래스 선택자 : 문서에서 여러 번 적용할 수 있음
- id 선택자 : 문서에서 한 번만 적용할 수 있음. 중복 적용이 안되기 때문에 주로 문서의 레이아웃이나 관련된 스타일을 지정하거나 웹 요소에 자바스크립트 프로그램을 사용하면서 요소를 구별할 때 사용
ꜱɪɴᴄᴇ ２０２１.０９.０１