Menu
Coddy logo textTech

Sfida di stile di base

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

challenge icon

Sfida

Facile

Ti viene fornito un documento HTML con un'intestazione (<h1>) e un paragrafo (<p>). Il tuo compito è applicare uno stile a questi elementi usando una combinazione di CSS inline, interno ed esterno. Segui i passaggi seguenti:

  1. Usa il CSS inline per cambiare il colore del testo dell'intestazione <h1> in blue.
  2. Usa il CSS interno per cambiare il colore di sfondo di body in lightgray e la dimensione del carattere del paragrafo (<p>) in 16px.
  3. Usa il file CSS esterno fornito, denominato styles.css, per cambiare il colore del testo del paragrafo (<p>) in red.
  4. Collega il file CSS esterno al documento HTML usando il tag <link>.

Provalo tu

<html>
<head>
    <title>Basic Styling Challenge</title>
    <style>
        body {
            background-color: white;
        }
        p {
            font-size: 12px;
        }
    </style>
    <!-- Collega qui il file CSS esterno -->
</head>
<body>
    <h1 style="color: red;">This is a heading</h1>
    <p>This is a paragraph.</p>
</body>
</html>

Tutte le lezioni di Stilizzare con CSS

Esercitati da solo: Playground Web