3.3.3 기본 문법

CSS의 기본 문법은 크게 선택자와 선언부로 구분됩니다.

그림 3-6 CSS의 기본 문법

• 선택자: CSS 스타일을 적용할 HTML 요소를 선택합니다.

• 선언부: 선택자에서 선택한 요소에 적용할 스타일을 작성합니다. 선언부는 적용하고자 하는 스타일을 속성과 값의 쌍으로 중괄호({}) 안에 작성합니다. 이때 값 뒤에 세미콜론(;)을 넣으면 여러 스타일을 연달아 작성할 수 있습니다.

예를 들어 <p> 태그의 텍스트 크기를 24px, 색상을 red로 지정하고 싶다면 다음과 같이 작성합니다.

p {
  font-size: 24px;
  color: red;
}