Оформление текста, часть 1 / Свойство text-decoration: подчёркивание и другие эффекты [7/16]
×

Свойство text-decoration: подчёркивание и другие эффекты [7/16]

Дополнительное оформление текста можно задать с помощью свойства text-decoration. Его значения:

  1. underline — подчеркивание;
  2. line-through — зачеркивание;
  3. overline — черта сверху;
  4. none — убирает вышеперечисленные эффекты.

К тексту можно одновременно применить несколько эффектов, если перечислить значения через пробел.


Выполнить задание
HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Свойство text-decoration: подчеркивание и другие эффекты</title> </head> <body> <h1>Отличия Graceful Degradation и Progressive Enhancement</h1> <p>Веб-интерфейс, созданный добросовестно в соответствии с <span class="under">Graceful Degradation</span>, будет вести себя так же, как и веб-интерфейс, построенный по <span class="over">Progressive Enhancement</span>.</p> <ul> <li><span class="under">Graceful Degradation</span> — более широкое понятие, чем <span class="over">Progressive Enhancement</span>, который ограничен только веб-интерфейсами.</li> <li><span class="over">Progressive Enhancement</span> задает вектор движения <span class="under">(начинай с простого!)</span>, <span class="through">а для Graceful Degradation это не так важно</span>.</li> <li>Progressive Enhancement настаивает на важности содержания, <span class="through">а для Graceful Degradation оно на втором плане</span>.</li> </ul> </body> </html>
CSS
h1 { font-size: 24px; }
HTML Academy

Экспериментируем с text-decoration:

  1. Элементы с классом under должны быть подчеркнуты.
  2. С классом over — надчеркнуты.
  3. С классом through — зачеркнуты.
Теория Проверить Следующее задание
Идёт запись на курс Базовый HTML и CSS #16, который стартует 16 января.

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

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

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

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