Herausforderung: Grundlegendes Styling

Teil des Abschnitts Styling mit CSS der HTML-Journey von Coddy. Lektion 9 von 76.

Aufgabe

Einfach

Dir wird ein HTML-Dokument mit einer Überschrift (<h1>) und einem Absatz (<p>) gegeben. Deine Aufgabe besteht darin, diese Elemente mithilfe einer Kombination aus Inline-, internem und externem CSS zu gestalten. Befolge die folgenden Schritte:

Verwende Inline-CSS, um die Textfarbe der Überschrift <h1> in blau zu ändern.
Verwende internes CSS, um die Hintergrundfarbe des body in hellgrau und die Schriftgröße des Absatzes (<p>) auf 16px zu ändern.
Verwende die vorgegebene externe CSS-Datei namens styles.css, um die Textfarbe des Absatzes (<p>) in rot zu ändern.
Verknüpfe die externe CSS-Datei mithilfe des <link>-Tags mit dem HTML-Dokument.

Probier es selbst

<html>
<head>
    <title>Basic Styling Challenge</title>
    <style>
        body {
            background-color: white;
        }
        p {
            font-size: 12px;
        }
    </style>
    <!-- Link zur externen CSS-Datei hier -->
</head>
<body>
    <h1 style="color: red;">This is a heading</h1>
    <p>This is a paragraph.</p>
</body>
</html>