Справочник · Самоучитель · Практикум

HTML и CSS
без лишней теории

Изучайте веб-разработку с нуля, находите теги и свойства, запускайте примеры прямо в браузере и закрепляйте знания на практике.

2000 взаимосвязанных тем0 ₽ и без регистрации100% статический сайт
CSSdisplay: grid;
Выберите маршрут

От первого тега до уверенной вёрстки

Справочник помогает решить задачу сейчас. Курсы дают систему, а практика превращает знания в навык.

Справочник рядом

Ответ за минуту. Контекст — когда он нужен.

У каждой темы есть короткий ответ, рабочий код, объяснение механики, ошибки и путь к следующему материалу.

Посмотреть страницу CSS display
CSS propertyПоддерживается

display

Определяет внешний и внутренний тип отображения элемента.

.cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
СинтаксисПримерОшибки
Популярное сейчас

Частые задачи без долгого поиска

Все рецепты
Последовательно

Два курса, один понятный маршрут

Короткие уроки идут от основы к реальному многостраничному проекту. Прогресс сохраняется на устройстве — аккаунт не нужен.

  • Объяснение без пропусков
  • Код, который можно изменить
  • Мини-задача в каждом уроке
HTML · Урок 12

Ссылки и пути

34 из 80 уроков
CSS · Урок 27

Flexbox на практике

27 из 100 уроков
Финальный проект

Соберите адаптивный сайт

Семантика, сетка, формы и доступность в одной работе.

Работает локально

Инструменты без загрузки кода на сервер

Все инструменты
С чего начать

Если вы впервые открыли редактор

Начните с устройства HTML-документа. Через несколько уроков вы соберёте первую страницу и поймёте, как браузер читает код.

Открыть первый урок