CSS

강좌 개요

CSS(Cascading Style Sheets)는 HTML 문서의 시각적 표현을 정의하는 스타일시트 언어입니다. 이 강좌는 HTML로 만든 문서 구조에 스타일을 입히는 전 과정을 다룹니다. 선택자로 요소를 지정하는 문법에서 시작해, 폰트·색상·배경 같은 디자인 요소, 박스 모델과 단위, Flexbox와 Grid를 활용한 레이아웃, 미디어 쿼리 기반 반응형 디자인과 트랜지션·애니메이션까지 순서대로 익힙니다. 다루지 않는 것은 다음과 같습니다. 페이지의 동작을 제어하는 DOM 조작과 이벤트 처리는 [JavaScript 강좌](../

선수 지식

• html

레슨 구성

• 01. 강좌 개요 (1장. 강좌 소개)
• 02. CSS의 역할과 적용 방식 (2장. CSS의 역할과 적용 방식)
• 03. 선택자와 명시도 (2장. CSS의 역할과 적용 방식)
• 04. 폰트·텍스트·색상·배경 스타일링 (3장. 폰트·텍스트·색상·배경 스타일링)
• 05. 박스 모델과 단위 (3장. 폰트·텍스트·색상·배경 스타일링)
• 06. 레이아웃 — display·position·Flexbox·Grid (4장. 레이아웃 — display·position·Flexbox·Grid)
• 07. 반응형 디자인과 동적 효과 (4장. 레이아웃 — display·position·Flexbox·Grid)

실습 안내

• 본 강좌의 실습 코드는 브라우저 및 로컬 런타임에서 직접 수정하고 실행할 수 있습니다.