Оформление текста, часть 1 / Испытание: рецепт на CSS [16/16]

Зарегистрируйтесь, чтобы проходить испытания

Регистрация займёт всего минуту и позволит сохранять прогресс обучения.

Вы можете зарегистрироваться с помощью своей эл. почты и пароля, либо с помощью

ВК ВКонтакте или FB Facebook

×

Испытание: рецепт на CSS [16/16]

В последнем испытании курса «Разметка текста с помощью HTML» вам нужно было разметить рецепт каши с помощью подходящих тегов.

В этом испытании вам нужно оформить этот же рецепт. Однако, задача изменилась. Исходный HTML-код уже полностью готов и заблокирован для редактирования. Вам нужно применить изученные в этом курсе CSS-свойства к соответствующим элементам <span>.


Выполнить задание
HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Пшенная каша с тыквой</title> </head> <body> <h1>Пшенная каша с тыквой</h1> <ol> <li>Пшено, 1 стакан</li> <li>Вода H<span class="sub">2</span>O или AquaLife<span class="sup">®</span>, 2 стакана</li> <li>Молоко, <span class="del">1,5 стакана</span> 2 стакана</li> <li>Масло сливочное, 3 ст.л.</li> <li>Тыква, около 300г</li> <li>Соль, по вкусу</li> <li><span class="underline">Сахар демерара, посыпать сверху</span></li> </ol> <hr> <span class="italic">Примечания:</span><br> Пшено необходимо перебрать<br> Тыкву нарезать кубиками 1х1 см<br> Кашу перемешивать не надо<br> </body> </html>
CSS
body { width: 260px; margin: 0; padding: 0 10px; font-family: "Times New Roman", serif; font-size: 16px; } h1 { font-size: 18px; }
<HTML Academy>
?

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

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

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

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