V. 7.2.1 (19.08.10)

Infos

Download

Theorie Advanced CSS

Schnellsuche

CSS - Advanced CSS - Einführung

1. Vorwort

Wer von euch bis dato glaubte, alles über CSS zu wissen, den muss ich hier leider eines Besseren belehren. Selbst ich habe in den letzten Monaten feststellen müssen, dass ich einige Dinge immer noch nicht kannte. Darum werde ich euch hier mit den Feinheiten vertraut machen, die obendrein wirklich sehr, sehr wichtig sind. Außerdem bekommt ihr ein paar Tipps von mir, was man auf gar keinen Fall machen sollte, was überflüssig ist und was Probleme bereiten kann. In den bald folgenden Tutorials werde ich dann anhand einiger Beispiele darauf eingehen.

2. An die Anfänger

Das, was jetzt kommen wird, ist etwas härterer Stoff. Also wenn ihr mit CSS gerade erst anfangt, so führt euch doch bitte erst mal die grundlegende Theorie zu Gemüte, bevor ihr euch hier verzettelt. Denn eines sei euch gesagt, hier geht es ums Eingemachte und ohne die entsprechenden Vorkenntnisse seid ihr genau so hilflos wie ein Deutscher in Paris ohne Französisch Kenntnisse.

3. Übersicht

Echte Kaskadierung

Bei der Einführung zur Kaskadierung habe ich bewusst darauf verzichtet, euch das tatsächliche Konzept zu erläutern. Das werde ich hier nachholen und euch auch gleichzeitig mit Dingen vertraut machen, die ich bisher ignoriert habe. Und diesem Abschnitt solltet unbedingt lesen, bevor ihr euch das Thema "Spezifität" stürzt!

Spezifität

Beim Thema Gewichtung habe ich schon ein paar Regeln aufgestellt, wann welche CSS-Anweisung höher bewertet wird. Hier erfahrt ihr nun, nach welchen Kriterien dies geschieht. Allerdings solltet ihr zumindest die elementaren Grundrechenarten beherrschen, da hier ein klein wenig Mathematik (und auch Logik) im Spiel ist.

Grenzen der Vererbung

Zu diesem Bereich gab es bisher nur den Hinweis, dass nicht alle CSS-Deklarationen weiter vererbt werden. Hier erfahrt ihr nun, um welche es sich handelt. Und seid gewiss, es sind Einige.

Collapsing margins

Hier werdet ihr neben dem idiotischen Box-Modell ein weiteres Beispiel für völlig sinnlose Spezifikationen kennenlernen. Denn hier wird aus zwei vertikalen margins nur noch eines.

Pro und Contra

Diesen Abschnitt habe ich aufgebaut, weil ich in den letzten Monaten einige Mails bekam, wo man mich darum bat, mal etwas zum optimalen Einsatz von CSS zu sagen. Ich habe also versucht, das Für und Wider möglicher Varianten zu analysieren, um euch ein paar Tipps zu geben.

4. Ein Hinweis

Ich lege euch besonders die Abschnitte Spezifität sowie Pro und Contra wärmstens ans Herzen. Hier werde ich wichtige Grundsätze von CSS ansprechen, die ich bei der Einführung für Anfänger bisher tunlichst umgangen habe. Wegen der Didaktik ;-).

5. Tutorials

Falls der ein oder andere mit der Theorie so seine Probleme hat, gemach. Ich werde die entsprechenden Tutorials irgendwann mal nachreichen. Leider kann ich nicht sagen, wann das der Fall sein wird.

6. Ergänzungen

... werden mit Sicherheit noch folgen. Darum wird dieser Abschnitt in seiner derzeitigen Fassung auch nicht endgültig sein, sondern (hoffentlich) im Laufe der Zeit weiter ergänzt.

weiter zum nächsten Abschnitt