Weitere Infos

Sie lesen:
LB1 (2009)

Little Boxes Teil 1 (Cover)

Diese Website ist von 2009 und wird nicht mehr gepflegt. Die Informationen sind zum großen Teil also wirklich veraltet.

Aktuelle Infos finden Sie hier:

Inhaltsbereich

III. CSS-Grundlagen — Kästchen gestalten

Im dritten Abschnitt von "Little Boxes 1" lernen Sie die Grundlagen von CSS. Dieser Abschnitt besteht aus sieben Kapiteln:

  • Kapitel 5: CSS kennen lernen: Schriften, Farben und Hyperlinks
    Worin Sie die Cascading Style Sheets kennenlernen, Schriften und Farben definieren und Hyperlinks gestalten.
  • Kapitel 6: Selektoren, Einheiten und Farben
    Worin Sie verschiedene Arten von Selektoren und ein einfaches Punktesystem kennenlernen, das den schwierigen Namen »Spezifität« trägt. Außerdem erfahren Sie, welche Einheiten Sie in CSS verwenden können und wie man Farben definiert.
  • Kapitel 7: Das Box Modell
    Worin Sie das Box-Modell kennenlernen, eine der wichtigsten Grundlagen für das Gestalten mit CSS. Neben padding, border und margin erfahren Sie noch einiges über das Einbinden von Hintergrundgrafiken.
  • Kapitel 8: Ordnung halten im Stylesheet (Stylesheet aufräumen)
    Worin Sie einige Anregungen zur Organisation Ihrer Styles bekommen, Kurzschreibweisen für padding und margin kennenlernen und am Ende das aufgeräumte CSS validieren.
  • Kapitel 9: Horizontale Navigation und Kontaktformular
    Worin Sie den Navigationsbereich gestalten und die Listenelemente darin nebeneinanderstellen. Zuerst in einer einfachen und dann in einer etwas aufwendigeren Version mit Registern, in der der aktuelle Navigationspunkt optisch hervorgehoben ist. Anschließend bauen Sie ein einfaches, voll funktionsfähiges Kontaktformular.
  • Kapitel 10: Skip-Links, Druckversion und Tabellen
    Worin Sie Skip-Links kennenlernen, eine Druckversion für die Webseiten erstellen und HTML-Tabellen gestalten.
  • Kapitel 11: CSS und der Browser: Kaskade, Vererbung oder Standardwert
    Worin Sie die Webseite aus der Sicht eines Browsers betrachten. Der Browser erstellt einen Dokumentenstammbaum, sucht für jede Eigenschaft eines jeden Elements nach einem Wert, mit dem er es gestalten soll. Dabei benutzt er drei Konzepte namens Kaskade, Vererbung und Standardwert.

Am Ende dieses Abschnittes haben Sie die Grundlagen von CSS kennen gelernt und verstanden, wie der Browser eine Webseite gestaltet.

Das Layout der Beispielseiten sieht schon aus wie eine richtige Webseite, ist aber noch einspaltig. Mehrspaltige Layouts kommen erst im nächsten Abschnitt.