🔒 Ты не вошёл(вошла) в аккаунт — прогресс, работы и результаты теста не сохраняются. Что недоступно?
✅ Без входа можно
- читать все занятия обоих курсов, смотреть слайды и шпаргалку;
- пробовать код в редакторе и песочнице.
⛔ Без входа нельзя
- сохранять работы — черновик живёт только в этом браузере и пропадёт при очистке истории, в режиме инкогнито или на другом устройстве;
- отмечать пройденные занятия и видеть свой прогресс;
- выбрать тему итогового проекта и отмечать чек-лист;
- отправить итоговый тест и сохранить результат.
CSS и оформление
Цвета, шрифты, блочная модель, Flexbox, Grid, адаптивность
| № | Тема | Что изучаем | Практика / результат |
|---|---|---|---|
| Модуль 2. CSS и оформление · занятия 2.1–2.10 | |||
| 2.1 | Введение в CSS 🎬 | Способы подключения CSS, селекторы тегов, цвет | Раскрашиваем страницу |
| 2.2 | Текст и шрифты 🎬 | font-family, font-size, font-weight, text-align, line-height, Google Fonts | Оформляем типографику |
| 2.3 | Блочная модель 🎬 | width, height, padding, border, margin, background | Карточка с отступами и рамкой |
| 2.4 | Классы и id 🎬 | .class, #id, каскад, наследование | Стилизуем разные блоки |
| 2.5 | Flexbox 🎬 | display: flex, justify-content, align-items, gap | Меню и карточки в ряд |
| 2.6 | Позиционирование 🎬 | position, z-index | Бейдж или подпись на карточке |
| 2.7 | Ссылки и кнопки 🎬 | :hover, :active, :focus | Стильное меню и кнопки |
| 2.8 | Фоны и эффекты 🎬 | Градиенты, box-shadow, border-radius | Карточки с эффектами |
| 2.9 | CSS Grid 🎬 | display: grid, колонки, строки, gap | Галерея работ |
| 2.10 | Адаптивность 🎬 | media queries, viewport, относительные единицы | Мобильная версия страницы |