Materialien zum Unterricht
Formatieren mit CSS - Klassen
Klassen fassen eine Reihe von Formatierungen zusammen und können auf einer Web-Site immer wieder verwendet werden.
Damit sind sie ein mächtiges Mittel zum Gestalten einer Seite.
Klasse bild_rechts
Es wird in der Datei style.css eine neue Klasse .bild_rechts erzeugt.
Klassen erkennt man am Punkt vor dem Klassennamen.
Der Name der Klasse ist frei wählbar und sollte das aussagen, was sie macht.
Das ist für das spätere Lesen des Quelltextes sehr hilfreich.
Danach wird dem Bild in der Datei index.html diese Klasse zugewiesen:
Aufgabe 1:
Erweitere in der Datei style.css die Klasse bild_rechts um einen dünnen Rahmen,
der einen Innenabstand von 0.2 em hat (padding).
Aufgabe 2:
Ergänze die style.css um die Klasse "merke".
Die Definition von Fake News soll damit hervorgehoben werden.
Der Hintergrund soll rosa sein.
Der Merksatz soll einen roten, 2px breiten gepunkteten Rahmen erhalten.
Der Innenabstand soll 1 em betragen.
Ergänze anschließend die index.html an der entsprechenden Stelle mit der Klasse "merke".