Einführung in CSS

Wir gestalten eine HTML-Seite mit CSS in ziemlich hässlicher Weise.

Weitere Vorbereitungen

• Im Unterverzeichnis "css" legen wir eine Datei namens "style.css" an.
• Diese Datei im "head" des HTML-Dokuments per "link" als CSS-Stildatei festlegen.

CSS-Selektoren

Einfache Selektion geschieht per

1. durch die Angabe des Namens eines HTML-Elements;
2. durch Angabe einer Klasse;
3. durch Angabe einer ID.

Alle HTML-Elemente sind Boxen

Zum Beispiel ist die Überschrift dieses Abschnitts eine Box.

Aufgabe: Nimm diese Box in die zu definierende Klasse "hervorgehobeneBox" auf und schreibe das CSS-File so um, dass sie eine Polsterung/padding von 15 Pixeln (15px) hat, einen "solid" blauen Rahmen der Dicke 20 Pixel und ein Grenzgebiet/margin der Dicke 25 Pixel; ausserdem gelber Hintergrund.
Hinweis: W3Schools, Box Model.

Text mit Float-Bildern