Défi récapitulatif n° 1

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

Défi

Facile

Dans ce premier défi récapitulatif, vous mettrez en pratique vos connaissances des propriétés de style du texte en CSS afin de recréer un design spécifique. Ce défi évaluera votre capacité à combiner différentes propriétés de texte, telles que color, font-family, font-size, font-weight, text-align et text-decoration.

Un document HTML contenant divers éléments vous est fourni. Votre tâche consiste à appliquer différentes propriétés apprises dans cette section afin de styliser ces éléments. Suivez les étapes ci-dessous :

Écrivez une règle CSS qui cible tous les éléments <h1>.
- Définissez la couleur sur bleu foncé.
- Définissez la taille de police sur 32px.
- Définissez l'épaisseur de police sur gras.
- Centre l'alignement du texte.
Écrivez une règle CSS qui cible tous les éléments possédant la classe intro-text.
- Définissez la couleur sur gris.
- Définissez la famille de polices sur Arial, Helvetica, sans-serif;
- Définissez la taille de police sur 18px.
Écrivez une règle CSS qui cible tous les éléments <li>.
- Définissez l'épaisseur de police sur 600.
Écrivez une règle CSS qui cible tous les éléments <a>.
- Définissez la décoration du texte sur none.
- Définissez la police sur votre famille de polices préférée "Times New Roman", Times, serif.

Essayez vous-même

<html>
<head>
    <title>Recap Challenge #1</title>
    <style>
        /* Write CSS rules here */
    </style>
</head>
<body>
    <h1>Discovering the Ocean</h1>
    <p class="intro-text">The ocean covers 70% of the Earth's surface and is full of life. It also helps regulate the planet's climate.</p>
    <h2>Marine Life</h2>
    <ul>
        <li>Whales</li>
        <li>Octopuses</li>
        <li>Coral Reefs</li>
    </ul>
    <p>Learn more at <a href="https://www.oceans.org" target="_blank">The Ocean Conservation Society</a>.</p>
</body>
</html>