CSS 구문을 이해하기 위해서는 선택자(selector), 속성(property) 그리고 속성값(value) 이 3가지를 이해하여야 합니다.

CSS 구문은 아래의 그림처럼 선택자(selector)와 선언으로 구성되며, 선언은 속성(property)과 값(value)으로 구성됩니다.

우리말로 선택자라고 하면 어감이 좀 이상한데 보통의 경우 선택자는 HTML 태그 중 하나 입니다. 위의 그림에서는 <p>태그가 선택자로 사용되었습니다.

CSS 고급단계에서는 속성의 상속(inherit)과 겹침(cascade)을 제대로 이해해야 하기에 이 선택자(selector)의 개념이 아주 중요해집니다.

위에서 제시한 예제의 의미는  문단(p)의 색상(color)을 red로 지정하라는 말입니다.

속성과 속성값은 계속적으로 추가가 가능합니다. 이때 ; 기호를 사용하여 추가합니다.

p {color:red ; width:200}

선택자 역시도 추가할 수 있습니다. 이때 , 기호를 사용하여 추가합니다.

p, td {color:red ; width:200}

문단(p)뿐 아니라 테이블의 셀(td)의 스타일도 {}안의 내용처럼 지정하라는 의미입니다.