CSS 기본 구조

CSS는 어느 HTML 요소에 어떠한 것을 어떻게 스타일링할지 정하는 규칙이 있습니다.

CSS는 특정 HTML 요소를 선택하기 위해 선택자(Selector)를 사용하고, 선택된 요소에 스타일을 정의하는 속성(Properties)에 값(Values)을 지정합니다.

복사
선택자 {
  속성: 값;
}

예를 들어 아래 코드는 h1 태그에 color 속성을 적용해 글자 색상을 빨간색으로 변경합니다.

복사
h1 {
  color: red;
}

여기서 h1은 선택자, color는 속성, red는 값입니다.

값 끝에는 항상 세미콜론(;)을 붙여, 해당 줄이 끝났다는 것을 알려주어야 합니다.