---
title: CSS 학습
authors:
  - andybell
description: 웹 스타일링 전문 지식을 한 단계 끌어올릴 수 있는 상시 CSS 과정 및 참고 자료.
date: 2021-05-04
tags:
  - css
  - layout
---

## CSS 학습에 오신 것을 환영합니다!

이 과정은 CSS의 기초 내용을 소화 가능하고 이해하기 쉬운 부분들로 세분합니다. 다음 몇 개의 모듈을 통해 CSS의 핵심 측면이 어떻게 작동하고 프로젝트에서 이를 효과적으로 사용하는 방법은 무엇인지 배우게 될 것입니다. 모듈을 탐색하려면 "CSS 학습" 로고 옆에 있는 메뉴 창을 사용하세요.

상자 모델, 캐스케이드 및 특수성, 플렉스박스, 그리드 및 z-인덱스와 같은 CSS 기본 사항을 배웁니다. 또한 이러한 기본 사항과 함께 함수, 색상 유형, 그래디언트, 논리적 속성 및 상속에 대해 학습하여 모든 사용자 인터페이스를 사용할 준비를 마친 유능한 실무 개발자의 자질을 부여합니다.

각 모듈에는 지식을 테스트할 수 있는 대화형 데모와 자체 평가가 풍부하게 포함되어 있습니다. 읽기와 데모를 통한 학습 외에도 지식을 익히고 계속 확장하는 또 다른 방법으로 각 주제에 대한 팟캐스트 에피소드가 함께 제공됩니다.

이 과정은 초급 및 고급 CSS 개발자를 위해 만들어졌습니다. 시리즈를 처음부터 끝까지 거치면서 CSS에 대한 전반적인 내용을 습득하거나 특정 스타일링 주제에 대한 참조로 사용할 수 있습니다. 웹 개발을 처음 접하는 분들은 MDN의 [HTML 소개](https://developer.mozilla.org/docs/Learn/HTML/Introduction_to_HTML) 과정을 통해  마크업을 작성하고 스타일시트를 연결하는 방법을 모두 배울 수 있습니다.

학습할 내용은 다음과 같습니다.

{% include 'partials/course-index.njk' %}

CSS를 배울 준비가 되셨나요? [그럼 시작하겠습니다](/learn/css/box-model/).

{% Aside %} 이 과정은 CSS 커뮤니티 전문가인 <a href="https://twitter.com/piccalilli_">Andy Bell</a>, <a href="https://twitter.com/rachelandrew">Rachel Andrew</a>, <a href="https://twitter.com/Una">Una Kravets</a>, <a href="https://twitter.com/argyleink">Adam Argyle</a>이 작성하고 편집했습니다. [Rob Dodson](https://twitter.com/twerske)과 [Jiwoong Lee](https://twitter.com/camdenbickel)는 [Ewa Gasperowicz](https://twitter.com/KevinLozandier) 및 <a href="https://twitter.com/rob_dodson">Kayce Basques</a>의 도움을 받아 UX 및 프로덕션 빌드를 총괄했습니다. {% endAside %}
