본문으로 건너뛰기

코스 카탈로그

CSS

웹을 아름답게 만들어요.

밋밋한 HTML을 세련되고 전문적인 페이지로 바꾸는 법을 배워요. 색상과 타이포그래피부터 flexbox, grid, 애니메이션까지, 현대 웹을 아름답게 만드는 도구들을 차근차근 익히고, 마지막에는 완전한 랜딩 페이지를 처음부터 직접 스타일링하며 마무리해요.

커리큘럼

  1. 섹션 1

    첫 스타일

    CSS를 HTML에 연결하고 생애 첫 색상, 텍스트, 폰트를 직접 꾸며 봐요.

    1. CSS란 무엇일까요?
    2. 선택자
    3. 색상과 배경
    4. 텍스트와 폰트
  2. 섹션 2

    박스 모델

    모든 요소는 하나의 박스예요. 크기를 정하고, 여백을 주고, 꾸미는 법을 배워요.

    1. 박스 모델 기초
    2. 크기와 단위
    3. 테두리, 둥근 모서리, 그림자
    4. 디스플레이 모드
  3. 섹션 3

    레이아웃

    플렉스박스, 그리드, 포지셔닝으로 요소를 원하는 곳에 정확히 배치해요.

    1. Flexbox
    2. CSS Grid
    3. 포지셔닝
    4. 반응형 디자인
  4. 섹션 4

    다듬기와 프로젝트

    캐스케이드를 마스터하고, 모션을 더하고, 완성된 랜딩 페이지를 스타일링해요.

    1. 가상 클래스와 가상 요소
    2. 캐스케이드와 명시도
    3. 트랜지션과 트랜스폼
    4. 프로젝트: 랜딩 페이지

학습 경로

레슨 하나를 체험하고 습관으로 이어가세요.

무료 체험 대상인 첫 가입 회원은 7일 무료 · 언제든 취소 가능

시작하기

코스 목록으로 돌아가기