Desafio de Recapitulação nº 2

Parte da seção Styling with CSS do Journey de HTML da Coddy — lição 24 de 76.

Desafio

Fácil

Neste segundo desafio de recapitulação, você aplicará seu conhecimento de propriedades de estilização de texto em CSS para recriar um design específico. Este desafio testará sua habilidade de combinar várias propriedades de texto, como color, font-family, font-size, font-weight, text-align e text-decoration, para corresponder a um design fornecido.

Você recebeu um documento HTML com um cabeçalho (<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 estilização de texto que você aprendeu para estilizar esses elementos para corresponder ao design mostrado na imagem abaixo:

Siga as etapas abaixo:

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