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

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

Задание

Легко

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

Вам дан HTML-документ с различными элементами. Ваша задача — применить различные свойства, которые вы изучили в этом разделе, для стилизации этих элементов. Выполните следующие шаги:

Напишите CSS-правило, которое выбирает все элементы <h1>.
- Установите цвет (color) на dark blue.
- Установите размер шрифта (font size) на 32px.
- Установите насыщенность шрифта (font weight) на bold.
- Установите выравнивание текста (text alignment) по центру (center).
Напишите CSS-правило, которое выбирает все элементы с классом intro-text.
- Установите цвет (color) на gray.
- Установите семейство шрифтов (font-family) на Arial, Helvetica, sans-serif;
- Установите размер шрифта (font size) на 18px.
Напишите CSS-правило, которое выбирает все элементы <li>.
- Установите насыщенность шрифта (font-weight) на 600.
Напишите CSS-правило, которое выбирает все элементы <a>.
- Установите оформление текста (text-decoration) на none.
- Установите семейство шрифтов (font-family) на "Times New Roman", Times, serif.

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

<html>
<head>
    <title>Recap Challenge #1</title>
    <style>
        /* Write CSS rules here */
    </style>
</head>
<body>
    <h1>Discovering the Ocean</h1>
    <p class="intro-text">The ocean covers 70% of the Earth's surface and is full of life. It also helps regulate the planet's climate.</p>
    <h2>Marine Life</h2>
    <ul>
        <li>Whales</li>
        <li>Octopuses</li>
        <li>Coral Reefs</li>
    </ul>
    <p>Learn more at <a href="https://www.oceans.org" target="_blank">The Ocean Conservation Society</a>.</p>
</body>
</html>