CSS(Cascading Style Sheets) 란?
- 웹 페이지의 디자인(스타일)을 지정하는 언어입니다.
- HTML이 **웹 페이지의 구조(Structure)**를 담당한다면, CSS는 **디자인(색상, 크기, 레이아웃 등)**을 담당합니다.
CSS의 역할
- 웹 페이지 스타일 지정
- 색상, 폰트, 배경, 간격, 테두리 등의 스타일을 적용
- 레이아웃 조정
- 화면 크기에 따라 요소의 배치를 조절
- 반응형 디자인 지원
- 다양한 화면 크기(PC, 태블릿, 모바일)에 적응 가능
- HTML 코드와 스타일 분리
- 디자인을 별도의 CSS 파일에 저장하여 HTML 코드의 가독성을 향상
CSS 기본 문법
CSS의 기본 문법은 **선택자(selector)와 속성(property), 값(value)**으로 구성됩니다.
선택자 {
속성: 값;
}
h1 {
color: blue; /* 글자 색상 변경 */
font-size: 24px; /* 글자 크기 변경 */
}