CSS: Горизонтальная черта
Для усиления текста часто используется подчёркивание. Оно показывает важность текущего слова или текста (часто его ещё используют для указания ссылок в документе). Другим средством стилизации текста является перечёркивание, показывающее неправильный участок текста, например «А вот так, дети, не делайте».
Для такого оформления используется свойство text-decoration с тремя основными свойствами:
underline— Подчёркивание текстаline-through—Перечёркивание текстаoverline— Надчёркивание текста
Чтобы отменить подчёркивание у ссылок используется значение none. Его часто используют для удаления подчёркивания у ссылок, которое есть по умолчанию
<a href="#">Ordinary link underlined by default</a>
<a href="#" class="text-decoration-none">Non-underlined link</a>.text-decoration-none {
text-decoration: none;
}
Задание
Добавьте в редактор параграф с классом line и добавьте подчёркивание текста для него. Стили добавьте в тег <style>
Команда проекта находится в телеграм-сообществе. Там можно задать любой вопрос и повлиять на проект
Если вы зашли в тупик, то самое время поговорить с нашим асситентом Тота во вкладке "ИИ-помощник":
Тесты устроены таким образом, что они проверяют решение разными способами и на разных данных. Часто решение работает с одними входными данными, но не работает с другими. Чтобы разобраться с этим моментом, изучите вкладку «Тесты» и внимательно посмотрите на вывод ошибок, в котором есть подсказки.
Это нормально 🙆, в программировании одну задачу можно выполнить множеством способов. Если ваш код прошел проверку, то он соответствует условиям задачи. В редких случаях бывает, что решение подогнано под тесты, но это видно сразу.
Создавать обучающие материалы, понятные для всех без исключения, довольно сложно. Мы очень стараемся, но всегда есть что улучшать. Если вы встретили материал, который вам непонятен, опишите проблему в обратной связи нашего сообщества
Ваше упражнение проверяется по этим тестам
const { test } = require('tests');
test(({ query, expect }) => {
const element = query(document, 'p');
expect(element).to.have.class('line');
const style = getComputedStyle(element);
expect(style).to.have.property('text-decoration', 'underline');
});Решение учителя откроется через:
20:00
