Повторение: Задача №2

Часть раздела Styling with CSS путешествия по HTML на Coddy — урок 24 из 76.

Задание

Легко

В этом втором итоговом испытании вы примените свои знания свойств стилизации текста в CSS для воссоздания определенного дизайна. Это испытание проверит вашу способность комбинировать различные свойства текста, такие как color, font-family, font-size, font-weight, text-align и text-decoration, чтобы соответствовать заданному дизайну.

Вам дан HTML-документ с заголовком (<h1>), абзацем (<p>), ссылкой (<a>) и маркированным списком (<ul>) с элементами списка (<li>). Ваша задача — использовать изученные свойства стилизации текста, чтобы оформить эти элементы в соответствии с дизайном, показанным на изображении ниже:

Выполните следующие шаги:

Напишите CSS-правило для элемента <h1>. Установите color в black, font-family в "Times New Roman", Times, serif, font-size в 48px, font-weight в bold и text-align в center.
Напишите CSS-правило для элемента <p>. Установите color в gray, font-family в Arial, Helvetica, sans-serif, font-size в 18px и text-align в center.
Напишите CSS-правило для элемента <a>. Установите color в red, а text-decoration в none.
Напишите CSS-правило для всех элементов <li>. Установите color в green, font-family в "Courier New", Courier, monospace, font-size в 25px и font-weight в 600.

Попробуйте сами

<html>
<head>
    <title>Recap Challenge #2</title>
    <style>
        /* Write CSS rules here */
    </style>
</head>
<body>
    <h1>This is a heading</h1>
    <p>This is a paragraph with a <a href="#">link</a>.</p>
    <ul>
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
    </ul>
</body>
</html>