arrow-left
Вернуться к продуктам
Кратко о видео
В уроке разобрана вёрстка текстового блока с фоном: создание класса для секции с фоновым изображением и слоем затемнения поверх (div с абсолютным позиционированием и rgba-цветом), класс контейнера с боковыми отступами и max-width. Показано, как применить один класс к нескольким секциям одновременно. Классы в Taptop — главный инструмент переиспользования стилей. Создаёшь класс с нужными отступами один раз → применяешь ко всем секциям с одинаковыми отступами. При правке — меняешь класс, изменения применяются везде сразу. Без классов — правишь каждую секцию вручную. Урок для начинающих — закладывает правильный подход к работе с классами с первых блоков. После просмотра начнёшь создавать классы сразу, а не добавлять их потом.

Как создать блок с текстом в Taptop

Верстаешь текстовую секцию: заголовок, параграф, кнопка. Задаёшь отступы, стили — и через три блока снова всё повторяешь вручную. Как переиспользовать стили? Как сделать фон с затемнением поверх изображения?
Классы в Taptop — главный инструмент переиспользования стилей: создаёшь один раз, применяешь везде, правка класса меняет всё сразу. Фон с затемнением: два слоя — изображение с режимом «покрывать» и полупрозрачный div поверх. Для новичков. После просмотра верстаешь текстовые секции быстро и правишь стили в один клик.
Тайминги видео
00:00 — Секция и контейнер: создание классов с отступами 01:30 — Фоновое изображение и слой затемнения 02:30 — Применение классов к другим блокам

Другие продукты академии

Как выйти на фриланс
Разберётесь, как брать первые проекты, называть цену и общаться с клиентами
Для кого
Специалистов
Направление
Фриланс
Формат
Мини-курс
Длительность
13 уроков
Taptop с нуля: сайт-портфолио
Осваиваете базу Taptop и собираете сайт-портфолио, который можно оставить себе
Для кого
Новичков
Направление
Вёрстка
Формат
Мини-курс
Длительность
9 уроков
Как дизайнеру понять вёрстку
Разберётесь, как устроены сайты, чтобы увереннее работать с ними дальше
Для кого
Новичков
Направление
Вёрстка
Формат
Интенсив
Длительность
2 урока
Как собрать сложную анимацию
Собираете сложную анимацию и плавный переход между страницами
Для кого
Для тех, кто в теме
Направление
Анимации
Формат
Интенсив
Длительность
2 урока