CSS 구문(Syntax)

CSS Syntax

CSS 규칙은 두 부분으로 구성: 선택자(selector)와 선언(declarations) 블록

CSS selector

선택자(selector)는 스타일을 하고 싶은 HTML 요소를 가리킵니다.

선언(declaration) 블록은 세미콜론으로 구분된 하나 이상의 선언(declaration)이 포함되어 있습니다.

각각의 선언(declaration)은 콜론으로 구분된 성질 (property)이름과 값(value)으로 구성된다.

CSS 선언은 항상 세미콜론으로 종료하고, 선언 그룹은 중괄호로 감싼다.:

p {color:red;text-align:center;}

CSS를 더 쉽게 읽을 수 있도록 하기 위해, 다음과 같이 각 줄에 하나의 선언을 넣을 수 있습니다 :

p {
color: red;
text-align: center;
}

주석은 코드를 설명하는 데 사용되며, 나중에 소스 코드를 편집 할 때 도움이 될 수 있습니다. 주석은 브라우저에 의해 무시됩니다.

CSS 주석은 "/*" 로 시작하고 "*/" 로 끝납니다. 주석 글은 여러 줄에 걸쳐 있을 수 있습니다 :

p {
    color: red;
    /* This is a single-line comment */
    text-align: center;
}

/* This is
a multi-line
comment */

Try it yourself »