Основы CSS-свойств:
оформление блока с закреплением
селекторы, color, фон, шрифты, margin, padding, border — пошаговые уроки с закреплением
Бесплатный мини-курс: 10 уроков по 3–5 минут — весь путь за ~30 минут
Одно свойство или приём за урок — теория → проверка → закрепление
Для тех, кто начинает с нуля: лёгкий вход в CSS без перегруза
Проверен и
рекомендован
специалистами
IT-индустрии
Подробнее
Что такое CSS-свойства?
CSS отвечает за внешний вид: цвет текста, фон, отступы, рамки, размеры. HTML задаёт структуру, CSS — как это выглядит. Без базовых свойств страница остаётся «голой» разметкой.
В мини-курсе по шагам: синтаксис правила, подключение стилей, селекторы, color, background, шрифты, margin/padding, border, width/height. Между темами — закрепление.
О курсе
За ~30 минут Вы пройдёте 10 пошаговых уроков — от синтаксиса правила до width/height. В каждом уроке 4–5 закреплений между порциями теории.
На курсе Вы научитесь подключать стили и оформлять блок: цвет, фон, шрифт, отступы, рамка, размеры.
После мини-курса проще идти в полный CSS, вёрстку лендинга или тренажёр: Вы уже понимаете, как подключить стили и оформить блок.
~30
Минут
10
Уроков
40+
Проверок
Программа мини-курса
Модуль 1: Правила и селекторы
Как устроен CSS и как указать, что оформлять.
- • 🎯 Синтаксис CSS-правила
- • 🔗 Подключение CSS к HTML
- • 🎯 Селекторы: элемент, класс, id
Напишете правило селектор { … }, подключите стили и попадёте в нужные элементы через тег, класс и id.
Модуль 2: Цвет, фон и текст
Базовое оформление содержимого.
- • 🎨 color
- • 🖼️ background-color
- • 🔤 font-size, font-weight, text-align
Оформить текст и фон блока несколькими свойствами в одном правиле — страница перестанет быть чёрно-белой «простынёй».
Модуль 3: Коробка и размеры
Отступы, рамки и габариты блока.
- • 📐 margin и padding
- • 🧊 border
- • 📏 width и height
- • 🎁 Бонус: куда дальше
Отличите внешний и внутренний отступ, добавите рамку и зададите размеры. Бонус подскажет путь к полному CSS и вёрстке.
Ваш путь — от правила CSS до размеров блока
1
Поймёте синтаксис правила, способы подключения CSS и селекторы по тегу, классу и id.
уроки 1–3
2
Оформите текст и фон: color, background-color, размер и жирность шрифта, выравнивание.
уроки 4–6
3
Настроите отступы, рамки и размеры блока — margin, padding, border, width/height.
уроки 7–9
4
Бонус покажет следующий шаг: полный CSS, вёрстка лендинга или тренажёр — уже со стилями в голове.
урок 10
База свойств есть — страница перестаёт быть «голой» разметкой
Почему выбирают наши курсы?
Закрепление вместо зубрёжки
Теория порциями с проверкой. Не пролистали справочник — закрепили селектор, color или margin на вопросах.
Поддержка в Telegram
Техподдержка с 10:00 до 22:00 МСК. Поможем с доступом и вопросами по урокам.
Мост к полному CSS
После мини-курса легче идти в полный CSS, вёрстку лендинга или тренажёр — база оформления уже есть.
Без карты и оплаты
Бесплатный мини-курс. Регистрация без карты — попробуйте формат академии без риска.
Частые вопросы
Можно ли проходить с телефона?
Да — формат под мобильный: пошаговые уроки и закрепление. Компьютер понадобится на полном CSS или вёрстке.
Сколько времени займёт?
Около 30 минут на все 10 уроков (по 3–5 минут).
Нужен ли HTML перед стартом?
Желательно знать базу тегов (мини-курс «Основы HTML-тегов» или эквивалент). CSS оформляет уже существующую разметку.
Чем отличается от полного курса CSS?
Полный CSS — десятки модулей: Flexbox, Grid, адаптив, анимации. Здесь — база свойств за ~30 минут.
Что делать после мини-курса?
Логичные шаги: полный CSS3, вёрстка лендинга, тренажёр «HTML + CSS + JS: Первая веб-страница» или «Основы JavaScript» — если ещё не трогали JavaScript.
Будет ли Flexbox и Grid?
Нет, это сознательно вынесено в полный курс. Здесь — селекторы, цвет, отступы, рамки и размеры.
С какого возраста можно учиться?
Возрастных ограничений нет — важнее мотивация. Несовершеннолетним понадобится согласие родителей.
Не нашли ответа на свой вопрос?
Напишите нам в
Telegram
Получить мини-курс бесплатно
✓
Доступ сразу после регистрации
✓
Без привязки карты
✓
10 уроков с закреплением, ~30 минут
Основы CSS-свойств
Селекторы, color, отступы, рамки и размеры — пошаговые уроки с закреплением, удобно с телефона
~30 мин
на весь мини-курс
3 блока
от правил до размеров
10 уроков
по 3–5 минут
40+ проверок
на весь мини-курс
Доступ сразу
после регистрации
Опытные кураторы
Поддержат в обучении и ответят на все вопросы
Оформите первую страницу уже сегодня!
Зарегистрируйтесь и начните с синтаксиса CSS — без зубрёжки и без карты.
Цена:
Бесплатно
* Записываясь на курс Вы соглашаетесь с
Офертой
и
Политикой обработки персональных данных
