2. CSS

CSS(Cascading Style Sheets)는 HTML(또는 XML) 문서의 표시 및 스타일을 설명하는 데 사용되는 스타일시트 언어입니다. 웹 페이지의 모양, 레이아웃 및 서식을 제어하는 ​​방법을 제공합니다.

CSS를 사용하면 색상, 글꼴, 여백, 패딩, 테두리, 위치 지정 등과 같은 시각적 디자인의 다양한 측면을 정의할 수 있습니다. 이를 통해 웹 페이지의 콘텐츠를 프레젠테이션에서 분리할 수 있으므로 여러 페이지에서 스타일을 쉽게 유지하고 업데이트할 수 있습니다.

CSS는 선택기를 사용하여 스타일을 HTML 요소와 연결하여 작동합니다. 선택기는 특정 HTML 요소 또는 요소 그룹을 대상으로 하며 CSS 규칙 내에서 정의된 스타일은 선택한 요소에 적용됩니다. CSS 규칙은 선택기와 하나 이상의 속성-값 쌍으로 구성됩니다.

1.선택자(Selector)

선택기는 스타일을 적용하려는 HTML 요소를 대상으로 합니다. 요소 선택기, 클래스 선택기, ID 선택기 또는 고급 선택기일 수 있습니다.

h1 {
  color: blue;
  font-size: 24px;
}

2.재산(Property)

CSS 속성은 선택한 요소의 시각적 특성을 정의합니다. 다음에는 콜론(:)이 옵니다.

h1 {
  color: blue;           /* Property: Value */
  font-size: 24px;
}

3.값(Value)

값은 속성에 대한 특정 설정을 정의합니다. 세미콜론(;)을 사용하여 속성에 할당됩니다.

h1 {
  color: blue;           /* Property: Value */
  font-size: 24px;       /* Property: Value */
}

4.코멘트

CSS는 코드 내에 메모나 설명을 추가하기 위한 주석을 지원합니다. 브라우저에서 렌더링되지 않습니다.

/* This is a CSS  */
h1 {
  color: blue;
  font-size: 24px;
}