Итоговое задание №1

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

Задание

Легко

Теперь, когда вы освоили различные техники стилизации текста и фона с помощью CSS, пришло время проверить ваши знания в комплексном испытании. Вы примените то, что узнали о цветах, шестнадцатеричных кодах (hex codes), значениях RGB и прозрачности с RGBA, чтобы создать определенный дизайн.

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

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

Напишите CSS-правило для элемента <h1>. Установите color в значение white, background-color в #000080 (темно-синий), а text-align в center.
Напишите CSS-правило для элемента <p>. Установите color в значение #FFFFFF (белый), background-color в rgba(0, 0, 0, 0.5) (полупрозрачный черный), а font-size в 18px.
Напишите CSS-правило для элемента <div>. Установите background-color в значение rgba(237, 170, 26, 1) (золотисто-желтый) и color в white.

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

<html>
<head>
    <title>Recap Challenge #1</title>
    <style>
        /* Write CSS rules here */
    </style>
</head>
<body>
    <h1>This is a heading</h1>
    <p>This is a paragraph.</p>
    <div>This is a division.</div>
</body>
</html>