CSS 문법

관련 출처 :

• [위키백과] 종속형 시트
• [NEXTREE] CSS: 선택자(Selector) 이해

CSS는 단순한 문법을 가지며, 수많은 영어 키워드를 사용하여 다양한 스타일의 프로퍼티의 이름을 규정한다. 각 규칙이나 규칙 집합은 하나 이상의 셀렉터와 하나의 선언 블록을 이룬다.

이미지 출처 : [NEXTREE] CSS: 선택자(Selector) 이해

(1) 선택자

CSS에서 선택자(selector)는 마크업 자체에 태그와 속성을 일치시킴으로써 어느 부분의 마크업에 스타일을 적용할지 선언한다. 선택자에는 크게 태그 선택자, 클래스 선택자(.), 아이디 선택자(#)가 있다.

CSS 선택자를 게임의 형식을 통해서 익힐 수 있는 사이트로 아래의 사이트를 추천한다.

CSS Diner

(2) 선언 블록

선언 블록은 괄호로 이루어진 선언들의 목록으로 이루어진다. 각 선언은 그 자체가 속성(property), 콜론( : , value-property separator, 구분자), 속성값(property-value)으로 구성된다. 한 블록 안에 여러 선언이 있으면, 세미콜론 ( ; , declaration separator, 선언과 선언을 구분해주는 구분자)이 개개의 각 선언에 삽입되어야 한다.