🛠️Aufgabe Rechnung gestalten

Aufgabenstellung

1. Erstelle eine neue CSS-Datei styles.css , kopiere als Start schon mal folgenden Inhalt rein und verknüpfe sie in deiner invoice.html Datei:

   body {
     border: 1px solid #888888;
     margin: 3% auto;
     width: 21cm;
     min-height: 27.9cm;
     box-shadow: -6px 6px 12px #888888;
     padding: 2cm 2.5cm;
   }
   

2. Style die erstelle invoice.html, in dem du in deiner CSS-Datei neue Selektoren mit Formatierungen hinzufügst. Das Ergebnis soll dabei möglichst ähnlich aussehen, wie die Rechnungsvorlage unten.

3. Kopiere den Code anschliessend in den CSS-Validator und korrigiere allfällige Fehler.

Rechnungsvorlage

Allgemeine Styles:

• Schriftart: Arial

• Zeilenhöhe: 1.5

Die anderen Styles sind aus dem Dokument herauszulesen:

Rechnungsvorlage

Hier findest Du die Rechnung noch als PDF.