- index.html
- style.css
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Свойство text-decoration: подчёркивание и другие эффекты</title>
<link rel="stylesheet" href="style.css">
</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;
}
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.
ЗадачиВыполнено
0
Экспериментируем с text-decoration:
- Элементы с классом
underдолжны быть подчёркнуты. - С классом
over— надчёркнуты. - С классом
through— зачёркнуты.