Знакомство / Работа над ошибками [13/14]
×

Работа над ошибками [13/14]

Синтаксис CSS намного проще синтаксиса HTML, но это не мешает совершать досадные ошибки. С ошибками в HTML мы уже разобрались, теперь посмотрим на ошибки в CSS.

Конечно, одни из самых распространённых ошибок — это опечатки в названиях свойств или селекторах.

К другим частым ошибкам относится отсутствие ; в списке CSS-свойств. Когда после пары «свойство-значение» забывают поставить точку с запятой, браузер не применяет ни это свойство, ни все последующие.

Когда вёрстка конспекта была почти завершена, к компьютеру шерстяной молнией подлетел инструктор Кекс и решил напоследок поиграться со стилями, чтобы сделать конспект «симпатичнее». Получилось неплохо, но в этот раз Кекс был спросонья и наделал досадных опечаток, которые сломали некоторые стили.

Ну и замечательно! Теперь есть возможность потренироваться в поиске ошибок в CSS!

Подсказка

1. Строчка 7.

2. Строчка 14.

3. Строчка 26.

Хотите стать профессионалом в вёрстке? Тогда записывайтесь на наш интенсив.

Выполнить задание
HTML
<!DOCTYPE html> <html> <head> <title>Работа над ошибками</title> </head> <body> <h1>Конспект курса</h1> <p class="learned-ok">Парные теги.</p> <p class="learned-ok">Одиночные теги.</p> <p class="learned-ok">Атрибуты тегов.</p> <p class="learned-ok">Инлайновые (встроенные) стили.</p> <p class="learning-in-progress">Внешние стили.</p> <p class="not-learned">Стилизация по классам.</p> </body> </html>
CSS
body { font-family: Georgia, serif; } p { margin: 10px 0; padding: 5px 10px color: white; border: 1px solid #ccc; border-left-width: 10px; } .learned-ok { text-decoration: linr-through; border-color: #27ae60; background-color: #2ecc71; } .learning-in-progress { border-color: #f39c12; background-color: #f1c40f; } .not-learned { border-color: #c0392b; backround-color: #e74c3c; }
HTML Academy

Помогите Кексу исправить ошибки в стилях конспекта:

  1. Первую ошибку с потерянными стилями для всех абзацев,
  2. вторую ошибку с отсутствием зачёркивания пройденных,
  3. третью ошибку с пропавшим фоном непройденных.
Теория Проверить Следующее задание
Идёт запись на курс Базовый HTML и CSS #16, который стартует 16 января.

Обсуждение и комментарии

Если у вас возникли сложности при прохождении задания, то вы можете обратиться за помощью на наш форум. Мы отслеживаем сообщения и постараемся ответить максимально быстро.

Пожалуйста, не пишите решение задач. Такие сообщения будут удаляться.

Перейти на форум или открыть комментарии.