css 정의 및 문법

** Official documentation

- CSS

Cascading Style Sheets 의 약자,

어떻게 HTML 엘리멘트가 화면, 종이 또는 재생 장치에서 보여질지를 정의한다.

1. 셀렉터에 속성 설정

selector {
	attribute : value;
	attribute : ...
}

- selector : 스타일을 적용시킬 대상. 크게 3가지로 나누어짐. 

element : HTML 엘레멘트. 태그 이름으로 작성 

id : 태그 id 값. prefix = # 

class : 태그 class 값. prefix = . 2.

2. 다중 셀렉터 (여러 셀렉터에 동시에 같은 설정을 적용하고자 할 때)

selector1, selector2 {
	attribute : value;
}

3. 셀렉터 옵션

p.cname {
	attribute : value;
}

클래스의 이름이 cname 이면서 엘레멘트가 p 인 경우에 속성을 적용한다.

이때 클래스가 아닌 id 로 사용해도 무관함.

p .cname {
	attribute : value;
}

엘레멘트 이름 p와 클래스 지정자 .cname 과의 공백을 추가함.

클래스의 이름이 cname 이면서 엘레멘트 p 안에 들어 있을때 속성을 적용한다.