Skip to content

I12

(16) Erste CSS-Datei

Nachdem Sie nun die theoretischen Grundlagen von CSS kennengelernt haben, sollen Sie ein erstes HTML-Dokument mit einer externen CSS erstellen.

Erstellen Sie die beiden nachfolgenden Datei und speichern Sie diese in einem gemeinsamen Ordner "CSS"

default.html

<html>
  <head>
   <title>Mein Dokument</title>
   <link rel="stylesheet" type="text/css" href="style.css" />
  </head>
<body>
   <h1>Mein erstes Stylesheet</h1>
  </body>
</html>

style.css

body {
  background-color: #FF0000;
}

Nun speichern Sie beide Dateien in denselben Ordner. Denken Sie daran, die Dateien mit Ihren richtigen Endungen (“.css” bzw. “.htm”) zu speichern.

Öffnen Sie die default.htm in Ihrem Browser und Sie sehen, dass die Seite einen roten Hintergrund hat. Herzlichen Glückwunsch! Sie haben soeben Ihr erstes Stylesheet erstellt.