CSS 기본 구조

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

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

CSS 기본 구조
선택자 {
  속성: 값;
}

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

CSS 예시
h1 {
  color: red;
}

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

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

다음 내용이 궁금하다면?

코드프렌즈 PLUS 멤버십 가입 or 강의를 등록해 주세요!