УРОК 10 ИЗ 100

Исправьте CSS-правило

Найдите ошибки в правиле с неполными селектором и декларациями.

Официальный источникW3C CSS Syntax — error handlingПроверено: 2026-08-26
ШАГ 1 · ИЗУЧИТЕ

Как это работает

CSS игнорирует недопустимые декларации, но продолжает обрабатывать остальную таблицу. Исправьте все нужные декларации, а не только первую ошибку.

Правильный пример
.notice { color: #7f1d1d; background-color: #fef2f2; padding: 16px; }

Одно корректное правило задаёт нужные значения тексту, фону и внутреннему отступу.

Частая ошибка
notice { color #7f1d1d; background:; padding 16; }

У селектора класса нет точки, в двух декларациях отсутствует двоеточие, а значения неполные.

ШАГ 2 · ПРИМЕНИТЕ

Ваше задание

Исправьте правило notice так, чтобы прошли все три критерия.

ШАГ 3 · СОЗДАЙТЕ

Напишите и посмотрите результат

index.htmlCSS
Безопасный результатизолировано
Черновик хранится только в этом браузере.HTML и CSS разрешены · скрипты и сеть заблокированы
ШАГ 4 · ПРОВЕРЬТЕ

Что должно пройти

0%не проверено
  • У .notice задан правильный цвет.
  • У .notice задан нужный фон.
  • У .notice задан padding 16px.
Объясните логику решения

Сначала исправьте селектор .notice, затем запишите каждую декларацию полностью: свойство, двоеточие, значение и разделитель.