Desafio de Revisão nº 2

Parte da seção Estilização com CSS do Journey de HTML da Coddy. Lição 24 de 76.

Desafio

Fácil

Neste segundo desafio de revisão, você aplicará seus conhecimentos sobre propriedades de estilo de texto em CSS para recriar um design específico. Este desafio testará sua capacidade de combinar várias propriedades de texto, como color, font-family, font-size, font-weight, text-align e text-decoration, para corresponder a um determinado design.

Você recebeu um documento HTML com um título (<h1>), um parágrafo (<p>), um link (<a>) e uma lista não ordenada (<ul>) com itens de lista (<li>). Sua tarefa é usar as propriedades de estilo de texto que você aprendeu para estilizar esses elementos de modo que correspondam ao design mostrado na imagem abaixo:

Siga as etapas abaixo:

Escreva uma regra CSS que selecione o elemento <h1>. Defina color como black, font-family como "Times New Roman", Times, serif, font-size como 48px, font-weight como bold e text-align como center.
Escreva uma regra CSS que selecione o elemento <p>. Defina color como gray, font-family como Arial, Helvetica, sans-serif, font-size como 18px e text-align como center.
Escreva uma regra CSS que selecione o elemento <a>. Defina color como red e text-decoration como none.
Escreva uma regra CSS que selecione todos os elementos <li>. Defina color como green, font-family como "Courier New", Courier, monospace, font-size como 25px e font-weight como 600.

Experimente você mesmo

<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>