Défi de stylisation de base

Fait partie de la section Styling with CSS du Journey HTML de Coddy — leçon 9 sur 76.

Défi

Facile

On vous donne un document HTML avec un titre (<h1>) et un paragraphe (<p>). Votre tâche consiste à styliser ces éléments en utilisant une combinaison de CSS en ligne, interne et externe. Suivez les étapes ci-dessous :

Utilisez le CSS en ligne pour changer la couleur du texte du titre <h1> en blue.
Utilisez le CSS interne pour changer la couleur d'arrière-plan du body en lightgray et la taille de la police du paragraphe (<p>) à 16px.
Utilisez le fichier CSS externe fourni nommé styles.css pour changer la couleur du texte du paragraphe (<p>) en red.
Liez le fichier CSS externe au document HTML en utilisant la balise <link>.

Essayez vous-même

<html>
<head>
    <title>Basic Styling Challenge</title>
    <style>
        body {
            background-color: white;
        }
        p {
            font-size: 12px;
        }
    </style>
    <!-- Lien vers le fichier CSS externe ici -->
</head>
<body>
    <h1 style="color: red;">This is a heading</h1>
    <p>This is a paragraph.</p>
</body>
</html>