Sfida di ripasso #2

Fa parte della sezione Stilizzare con CSS del percorso HTML di Coddy. Lezione 24 di 76.

Sfida

Facile

In questa seconda sfida di riepilogo, applicherai le tue conoscenze delle proprietà di stile del testo in CSS per ricreare un design specifico. Questa sfida metterà alla prova la tua capacità di combinare diverse proprietà del testo, come color, font-family, font-size, font-weight, text-align e text-decoration, per riprodurre un design dato.

Ti viene fornito un documento HTML con un'intestazione (<h1>), un paragrafo (<p>), un link (<a>) e un elenco non ordinato (<ul>) con elementi dell'elenco (<li>). Il tuo compito è usare le proprietà di stile del testo che hai imparato per applicare uno stile a questi elementi e riprodurre il design mostrato nell'immagine qui sotto:

Segui i passaggi qui sotto:

Scrivi una regola CSS che selezioni l'elemento <h1>. Imposta color su black, font-family su "Times New Roman", Times, serif, font-size su 48px, font-weight su bold e text-align su center.
Scrivi una regola CSS che selezioni l'elemento <p>. Imposta color su gray, font-family su Arial, Helvetica, sans-serif, font-size su 18px e text-align su center.
Scrivi una regola CSS che selezioni l'elemento <a>. Imposta color su red e text-decoration su none.
Scrivi una regola CSS che selezioni tutti gli elementi <li>. Imposta color su green, font-family su "Courier New", Courier, monospace, font-size su 25px e font-weight su 600.

Provalo tu

<html>
<head>
    <title>Recap Challenge #2</title>
    <style>
        /* Write CSS rules here */
    </style>
</head>
<body>
    <h1>This is a heading</h1>
    <p>This is a paragraph with a <a href="#">link</a>.</p>
    <ul>
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
    </ul>
</body>
</html>