Défi de mise en forme de base

Fait partie de la section Style avec CSS du Journey HTML de Coddy. Leçon 9 sur 76.

Défi

Facile

Un document HTML contenant un titre (<h1>) et un paragraphe (<p>) vous est fourni. Votre tâche consiste à styliser ces éléments à l’aide d’une combinaison de CSS en ligne, interne et externe. Suivez les étapes ci-dessous :

Utilisez le CSS en ligne pour modifier la couleur du texte du titre <h1> en blue.
Utilisez le CSS interne pour modifier la couleur d’arrière-plan du body en lightgray et la taille de police du paragraphe (<p>) en 16px.
Utilisez le fichier CSS externe fourni, nommé styles.css, pour modifier la couleur du texte du paragraphe (<p>) en red.
Liez le fichier CSS externe au document HTML à l’aide de 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>