CSS - Überblick
1. Theorie
Bevor ihr euch jetzt wahllos auf die verschiedenen Menüpunkte stürzt, denkt erst mal an das bekannte Sprichwort:
"Vor den Erfolg haben die Götter den Schweiß gesetzt." [Quelle: unbekannt]
In unserem Fall bedeutet es, dass ohne ein Mindestmaß an Theoriekenntnissen nicht viel geht. Lasst euch also nicht abschrecken und macht euch die Mühe, die einzelnen Kapitel Stück für Stück durchzuarbeiten. Auch wenn einiges auf den ersten Blick unverständlich erscheint, so wird doch vieles im weiteren Verlauf klarer.
2. Anmerkungen
Da die Darstellung von Cascading Style Sheets browserabhängig ist, kommt es leider immer wieder vor, dass vieles nicht so funktioniert, wie es in der CSS-Spezifikation vorgesehen ist. Besonders der Internet Explorer 6.0 ist immer wieder für unangenehme Überraschungen gut, auch wenn er zugegebenermaßen schon einige Jahre auf dem Buckel hat.
Wichtig
Auch wenn mittlerweile zwei Nachfolger erschienen sind, so wird uns dieser Browser mit Sicherheit noch die nächsten 1-2 Jahre in namhafter Zahl erhalten bleiben. Übrigens, das habe ich schon Ende 2005 geschrieben und musste diese Angabe nie korrigieren. Da könnt ihr mal sehen, wie man sich irren kann. Und wie hartnäckig sich leider so ein Fossil hält. Warten wir mal ab, wann auch dieser Dinosaurier ausgestorben ist.
Daher habe ich mich entschlossen, viele Dinge außer Acht zu lassen, die vom Internet Explorer 6 definitiv nicht unterstützt werden. Das gilt besonders für die wirklich wichtigen. Sollten denn trotzdem mal welche auftauchen, so weise ich explizit darauf hin, dass sie im obigen Fossil nicht funktionieren.
Noch etwas
Auch beim Nachfolger mit der Nummer 7 hat sich Microsoft nicht mit Ruhm beklettert. Es wurden einige Darstellungsfehler beseitigt, einige nicht und es sind wohl auch noch welche hinzugekommen. Erst die letzte Version (8.0) unterstützt komplett den aktuellen Stand.
Ein Hinweis
Unter diesem Abschnitt findet ihr eine bis dato zugegebenermaßen noch recht kleine Übersicht über die gängigsten Bugs, die aber peu à peu ergänzt wird. Natürlich dreht es sich an dieser Stelle hauptsächlich um unseren obigen Lieblingsbrowser.
3. Klickibunti
Hier gilt dasselbe, was ich schon bei der Theorie zu HTML gesagt habe. Lasst eure Finger von diesen Malprogrammen wie zum Beispiel Dreamweaver. Damit werdet ihr es nie vernünftig lernen. Außerdem bieten solche Programme einfach nicht die Flexibilität, die mit CSS möglich ist. Gut, ich bin nicht gerade der Experte auf diesem Gebiet. Ich sehe nur ständig im meinem Lieblingsforum, dass die Benutzer solcher Programme in praktisch allen Fällen keine Ahnung vom Tuten und Blasen haben.
4. Noch etwas
Auch CSS ist keine Programmiersprache. Siehe dazu HTML, selber Punkt.
5. Vorgehensweise
Grundlagen
Hier geht es (mal wieder) nur um die grundsätzlichen Dinge für den ersten Einstieg. Ich zeige euch, wie CSS-Anweisungen aufgebaut sind, wie man sie in HTML-Dokumente einbindet und auf was ihr sonst noch achten müsst.
Kaskadierung
Dies ist das elementare Prinzip, das hinter CSS steckt. Da es etwas kompliziert ist, weiche ich vom sonst üblichen Weg ab und versuche, es so einfach wie möglich zu erklären. Das entspricht zwar nicht ganz den Tatsachen, ist aber für den ersten Einstieg wesentlich verständlicher.
Elemente
Hier gibt es eine Übersicht über alle Formatierungsmöglichkeiten. Allerdings verzichte ich, wie schon gesagt, noch ganz bewusst auf die Dinge, die der Internet Explorer 6 nicht beherrscht. Es sei denn, er interpretiert sie zwar falsch, stellt sie aber auf Grund anderer Darstellungsfehler trotzdem korrekt dar. Notfalls weise ich euch aber explizit darauf hin.
Advanced CSS
An dieser Stelle geht es dann an das Eingemachte. Bevor ihr euch aber darauf stürzt, solltet ihr zumindest über das entsprechende Basiswissen und ein klein wenig Praxiserfahrung verfügen. Oder ihr gehört zu denen, die es auf die harte Tour brauchen.