CSS 규칙 구조

CSS 한 덩어리는 대상과 지시문으로 나뉩니다

선택자가 요소를 찾고, 중괄호 안의 선언들이 바꿀 모양을 지정합니다. 

.notice {
  color: #e34f26;
  font-size: 18px;
}
선택자

대상

.notice처럼 스타일을 적용할 HTML 요소를 고릅니다.
속성

선택 대상

color, font-size처럼 바꿀 스타일 종류를 씁니다.
값

적용 방식

콜론 뒤에 실제 색상, 크기, 간격 같은 값을 지정합니다.

각 선언은 세미콜론으로 끝내면 다음 규칙을 추가하거나 순서를 바꿀 때 실수를 줄일 수 있습니다.