Знакомство с CSS / Свойства для оформления текста [4/15]
×

Свойства для оформления текста [4/15]

В CSS существует огромное количество свойств. Их можно разбить на следующие группы:

  • оформление текста;
  • работа с размерами и отступами;
  • позиционирование элементов;
  • создание сеток;
  • декоративные: цвета, фон, тени;
  • другие.

В этом задании мы познакомимся с несколькими свойствами для оформления текста, а более подробно эти свойства рассмотрим в курсе «Оформление текста с помощью CSS».


Выполнить задание
HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Свойства для оформления текста</title> </head> <body> <h1>Оформление текста и CSS</h1> <p>При оформлении текста с помощью CSS очень часто используется тег &lt;span&gt; с классами.</p> <p>Например, можно выделять слова <span class="underline">подчёркиванием</span>, <span class="bold">жирностью</span> или <span class="italic">курсивом</span>.</p> <p class="bold">Можно выделять не только отдельные слова, но и целые абзацы.</p> <p class="italic underline">И даже комбинировать классы.</p> </body> </html>
CSS
.underline { } .bold { } .italic { }
HTML Academy
  1. Добавьте в CSS-правило для класса underline свойство text-decoration: underline;.
  2. В CSS-правило для класса bold свойство font-weight: bold;.
  3. В CSS-правило для класса italic свойство font-style: italic;.

Используемые свойства детально разобраны в курсе «Оформление текста с помощью CSS».

Теория Проверить Следующее задание
Идёт запись на курс Продвинутый HTML и CSS #10, который стартует 27 февраля.

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

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

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

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