Desafío de estilos básicos

Parte de la sección Estilos con CSS del Journey de HTML de Coddy. Lección 9 de 76.

Desafío

Fácil

Se te proporciona un documento HTML con un encabezado (<h1>) y un párrafo (<p>). Tu tarea es aplicar estilos a estos elementos utilizando una combinación de CSS en línea, interno y externo. Sigue los pasos a continuación:

Usa CSS en línea para cambiar el color del texto del encabezado <h1> a azul.
Usa CSS interno para cambiar el color de fondo de body a lightgray y el tamaño de fuente del párrafo (<p>) a 16px.
Usa el archivo de CSS externo proporcionado, llamado styles.css, para cambiar el color del texto del párrafo (<p>) a rojo.
Vincula el archivo de CSS externo al documento HTML mediante la etiqueta <link>.

FORMATO DE SALIDA REQUERIDO: [Tu contenido traducido aquí]

Pruébalo tú mismo

<html>
<head>
    <title>Basic Styling Challenge</title>
    <style>
        body {
            background-color: white;
        }
        p {
            font-size: 12px;
        }
    </style>
    <!-- Enlaza el archivo CSS externo aquí -->
</head>
<body>
    <h1 style="color: red;">This is a heading</h1>
    <p>This is a paragraph.</p>
</body>
</html>