---
title: Изучайте CSS
authors:
  - andybell
description: Постоянно обновляемый курс и справочник по CSS для повышения вашего уровня знаний в сфере веб-дизайна.
date: 2021-05-04
tags:
  - css
  - layout
---

## Добро пожаловать на курс «Изучайте CSS»!

Этот курс разбивает основы CSS на удобоваримые, простые для понимания части. В следующих нескольких модулях вы узнаете, как работают основные аспекты CSS и как эффективно применять их в своих проектах. Используйте панель меню рядом с логотипом «Изучайте CSS» для навигации по модулям.

Вы изучите основы CSS, такие как блочная модель, каскад и специфичность, адаптируемый блок flexbox, двумерная сетка grid и свойство z-index. И, наряду с этими основами, вы узнаете о функциях, цветовых типах, градиентах, логических свойствах и наследовании, чтобы стать всесторонним разработчиком интерфейсов, готовым взяться за любой пользовательский интерфейс.

Каждый модуль содержит интерактивные демонстрации и вопросы для самоконтроля, чтобы вы могли проверить свои знания. Помимо учебного материала и демонстраций, к каждой теме прилагается эпизод подкаста — это еще один удобный способ учиться и продолжать расширять свои знания.

Этот курс создан как для начинающих, так и для опытных разработчиков CSS. Вы можете пройти всю серию от начала до конца, чтобы получить общее представление о CSS, или использовать курс в качестве справочника по конкретным темам веб-дизайна. Тем, кто только начинает заниматься веб-разработкой, рекомендует ознакомиться с курсом [«Введение в HTML»](https://developer.mozilla.org/docs/Learn/HTML/Introduction_to_HTML) от MDN, чтобы узнать всё о том, как писать разметку и связывать таблицы стилей.

Изучаемые темы:

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

Итак, вы готовы изучить CSS? [Приступим](/learn/css/box-model/).

{% Aside %} Этот курс написан и отредактирован экспертами сообщества CSS: <a href="https://twitter.com/piccalilli_">Энди Беллом</a>, <a href="https://twitter.com/rachelandrew">Рэйчел Эндрю</a>, <a href="https://twitter.com/Una">Уной Кравец</a>, <a href="https://twitter.com/argyleink">Адамом Аргайлом</a>, [Эммой Тверски](https://twitter.com/twerske), [Кэмден Бикель](https://twitter.com/camdenbickel) и [Кевином Лозандье](https://twitter.com/KevinLozandier). <a href="https://twitter.com/rob_dodson">Роб Додсон</a> и <a href="https://twitter.com/jiwoong">Дживун Ли</a> руководили UX и производственной сборкой, им также помогали <a href="https://twitter.com/devnook">Ева Гасперович</a> и <a href="https://twitter.com/kaycebasques">Кейси Баски</a>. {% endAside %}
