Zum Inhalt springen
Web Development

Binde CSS ein und gestalte das Design

Lege eine separate CSS-Datei an, zum Beispiel styles.css, und verknüpfe sie mit der HTML-Datei, indem du den <link>-Tag in den <head>-Bereich der HTML-Datei einfügst:

<link rel="stylesheet" href="styles.css">
  • Verwende den CSS-Code, um das Design der Webseite anzupassen und das gewünschte Styling für die erstellten Bereiche zu definieren.
  • Probiere verschiedene CSS-Selektoren aus: ID-Selektor, Class-Selektor sowie Element-Selektor aus. Mach dich mit verschiedenen Selektoren vertraut. Schau gerne in die unten verlinkten Docs.

Das kannst du hier lernen

  • CSS-Basics: Du kannst CSS-Selektoren verwenden, um die gewünschten Elemente zu identifizieren und das Styling darauf anzuwenden.