[CSS] CSS란?

CSS가 하는 일

• CSS는 Cascading Style Sheets의 줄임말로, HTML 요소의 스타일을 지정하여 사용자에게 문서를 시각적으로 보이는 형태를 만드는 역할을 한다.
• 프로그래밍 언어는 아니지만, 웹 페이지의 요소를 꾸미고 배치하는 데 사용된다.
• 규칙 기반 언어로, 특정 요소 또는 요소 그룹에 적용할 스타일을 정의하는 규칙을 작성한다.
  여기서 "규칙"이란 CSS의 특정 문법에 따라 작성된 스타일 선언을 의미한다.

---

CSS의 규칙

거의 모든 CSS는 아래와 같은 기본 패턴을 갖는다:

선택자 {
   속성: 값;
}

구성 요소 설명

• 선택자(Selector): 스타일을 적용할 HTML 요소를 지정한다.
• 속성(Property): 어떤 스타일을 적용할지를 정의한다. (예: 색상, 크기 등)
• 값(Value): 속성에 설정할 값을 지정한다.

---

예제

1. 모든 h1 태그를 보라색으로 만들기

h1 {
   color: purple;
}

• h1: 모든 <h1> 태그를 선택하는 선택자
• color: 텍스트 색상을 설정하는 속성
• purple: 텍스트 색상을 보라색으로 지정하는 값

2. 모든 img 요소의 크기 설설정하기

두 개의 속성을 적용할 때는 각 속성을 줄바꿈으로 구분하면 된다.

img {
   width: 100px;
   height: 200px;
}

• img: 모든 <img> 태그를 선택하는 선택자.
• width: 이미지의 너비를 설정하는 속성.
• 100px: 이미지의 너비를 100픽셀로 지정하는 값.
• height: 이미지의 높이를 설정하는 속성.
• 200px: 이미지의 높이를 200픽셀로 지정하는 값.