Desafio de Estilização Básica

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

Desafio

Fácil

Você recebeu um documento HTML com um título (<h1>) e um parágrafo (<p>). Sua tarefa é estilizar esses elementos usando uma combinação de CSS inline, interno e externo. Siga as etapas abaixo:

Use CSS inline para alterar a cor do texto do título <h1> para azul.
Use CSS interno para alterar a cor de fundo do body para cinza-claro e o tamanho da fonte do parágrafo (<p>) para 16px.
Use o arquivo CSS externo fornecido, chamado styles.css, para alterar a cor do texto do parágrafo (<p>) para vermelho.
Vincule o arquivo CSS externo ao documento HTML usando a tag <link>.

FORMATO DE SAÍDA OBRIGATÓRIO: [Seu conteúdo traduzido aqui]

Experimente você mesmo

<html>
<head>
    <title>Basic Styling Challenge</title>
    <style>
        body {
            background-color: white;
        }
        p {
            font-size: 12px;
        }
    </style>
    <!-- Link para o arquivo CSS externo aqui -->
</head>
<body>
    <h1 style="color: red;">This is a heading</h1>
    <p>This is a paragraph.</p>
</body>
</html>