CSS란?
CSS는 "Cascading Style Sheets"의 약자로, 웹 페이지의 스타일을 정의하는 데 사용되는 언어입니다.
HTML이 웹 페이지의 구조를 정의한다면, CSS는 그 구조에 스타일을 입혀 시각적으로 보기 좋게 만듭니다.
다음은 CSS의 주요 기능과 개념들입니다.
주요 기능
디자인 및 레이아웃 정의
텍스트 색상, 글꼴, 크기 / 배경색 및 이미지 / 요소의 배치 및 정렬 / 마진, 패딩, 테두리 등
반응형 디자인
다양한 화면 크기와 장치에 맞춰 웹 페이지가 적절하게 보이도록 만듭니다.
미디어 쿼리를 사용하여 다양한 장치에서 다른 스타일을 적용할 수 있습니다.
스타일 재사용
CSS 클래스를 사용하여 여러 HTML 요소에 동일한 스타일을 적용할 수 있습니다.
스타일 정의를 외부 CSS 파일로 분리하여 여러 페이지에서 재사용할 수 있습니다.
기본 개념
선택자(Selector)
CSS 규칙이 어떤 HTML 요소에 적용될지를 정의합니다.
예: h1, .class-name, #id-name
속성(Property)
스타일의 특정 측면을 정의합니다.
예: color, font-size, margin
값(Value)
속성에 부여되는 실제 스타일 값입니다.
예: color: blue;, font-size: 16px;
CSS는 웹 디자인과 개발에서 매우 중요한 역할을 하며, 웹 페이지의 외관과 사용자 경험을 향상시키는 데 필수적인 도구입니다.
'백엔드 로드맵 > 프론트엔드 기본 지식' 카테고리의 다른 글
| [백엔드 로드맵] JavaScript란? (0) | 2024.05.23 |
|---|---|
| [백엔드 로드맵] HTML이란? (0) | 2024.05.22 |
