Einstieg in CSS - Little Boxes Teil 1 online lesen
Im Mai 2006 erschien ein kleines Büchlein mit dem Namen "Little Boxes", das danach immer wieder aktualisiert wurde. Das komplette "Little Boxes-BuchTeil 1" aus dem Jahre 2009 können Sie hier kostenlos online lesen.
Natürlich sind die Informationen aus 2009 zehn Jahre später nicht mehr topaktuell, aber zum kurz mal reinschnuppern oder schnell mal was nachschlagen ist es zum Teil immer noch okay.
Aktuelle Informationen zu HTML und CSS
Aktuelle Informationen erhalten Sie im Buch Einstieg in HTML und CSS (Juni 2020) oder im Videokurs Webtechniken lernen.
Inhaltsverzeichnis
»Little Boxes Teil 1« , das Sie hier online lesen können, hat folgendes Inhaltsverzeichnis:
- I Die Einleitung
- Kapitel 1: Das Web ist nicht aus Papier
- II HTML-Grundlagen - Kästchen erstellen
- III CSS-Grundlagen - Kästchen gestalten
- Kapitel 5: Schriften, Farben und Hyperlinks
- Kapitel 6: Selektoren, Einheiten und Farben"
- Kapitel 7: Abstände gestalten mit dem Box-Modell
- Kapitel 8: Ordnung halten im Stylesheet
- Kapitel 9: Horizontale Navigation und Kontaktformular
- Kapitel 10: Skip-Links, Druckversion und Tabellen
- Kapitel 11: CSS und der Browser: Kaskade, Vererbung oder Standardwert
- IV CSS-Positionierung - Kästchen verschieben
- Kapitel 12: Der Flow und Positionieren mit position
- Kapitel 13: Positionieren mit float: schwebende Boxen
- Kapitel 14: Containing floats: gefloatete Elemente umschließen
- V CSS - mehrspaltige Layouts
- Kapitel 15: Mehrspaltige Layouts mit position:absolute
- Kapitel 16: Floatbasierte Layouts mit fester Breite
- Kapitel 17: Floatbasierte Layouts mit flexibler Breite
- Kapitel 18: Fertige Layoutvorlagen
- Kapitel 19: Patchwork: Flicken im CSS
- VI Nützliche Werkzeuge
- Kapitel 20: Programme, Sites und Bücher zu CSS
Für Einsteiger, Bastler und Fortgeschrittene
- Als CSS-Einsteiger sollten Sie das Buch in Ihrem eigenen Tempo am besten von vorne nach hinten durcharbeiten. Sie erstellen dabei Schritt für Schritt eine kleine Website mit funktionierendem Kontaktformular.
-
Für CSS-Bastler und Quereinsteiger, die nie eine fundierte Einführung hatten, sind die folgenden Themen für den Alltag besonders wichtig:
- Die HTML-Grundlagen: Alles nur Rechtecke (zumindest mal überfliegen)
- Selektoren und Spezifität: Die gewünschten HTML-Elemente auswählen
- Das Box-Modell: padding, border, margin und wozu sie da sind
- Grundlagen der Positionierung: position:absolute, float und Co.
- Containing Floats: Das Hauptproblem beim Layouten mit Float
Wenn Sie mit diesen Themen nichts anfangen können, sollten Sie vielleicht doch besser von vorne anfangen ;-)
-
Als fortgeschrittene Bastler können Sie mithilfe der Navigation und der Suche hin- und herspringen und die Themen durcharbeiten, die Ihnen noch Schwierigkeiten bereiten. Am interessantesten sind dabei wahrscheinlich:
- Die Kaskade (Übersichtsgrafik)
- Die Grundlagen der Positionierung mit position
- Positionierung mit float, insbesondere das Clearen von floats
Ich wünsche Ihnen viel Spaß mit Little Boxes.
Groningen, im Juni 2015
Peter Müller