Wir hatten uns das letzte Mal im Wesentlichen über CSS unterhalten. Die Idee bei der ganzen

Sache ist, dass wir in HTML uns darauf konzentrieren, die Funktion eines Textstückes zu spezifizieren.

Entweder das ist ein Paragraph oder eine Überschrift oder ein Formular oder alles,

was mit der Funktion zu tun hat. Und dass wir das Aussehen, das Layout, die Größe, die Farbe,

die Fonts und so was alles, dass wir das einer anderen Sprache überlassen. Das heißt insbesondere,

dass wir solche Sachen wie so etwas, wie mache ich etwas im Fettdruck oder so etwas, dass wir

das diese im Wesentlichen in Ruhestand schenken. Die gibt es zwar noch, die haben mit dem Geschehen

sollten sie möglichst nichts zu tun haben. Was wir stattdessen machen, ist, dass wir sagen,

wir haben ein generisches Span-Element. Span ist das generische Inline-Element, das heißt,

in einem Fließtext können wir Regionen damit taggen. Und dann machen wir hier so was wie

Style gleich, nein, das ist das Gewicht des Textes bold und dann wieder in Span drauf.

Okay, wir können durch das Style-Attribut, können wir Anweisungen über das Layout da

dran schreiben. Und wie das alles funktioniert, da gibt es eine Theorie zu, die hatte ich übersprungen

das letzte Mal. Wir hatten uns stattdessen dieses Beispiel mit dem Kontaktformular angeguckt. Und

ich will da noch ganz kurz drüber gehen. Ja, wir haben hier einmal das Kontaktformular,

was sich wirklich nur um die Funktion kümmert. Man kann sich so ein bisschen drüber streiten,

ob das BR-Argument, ob das Layout ist. Wahrscheinlich ist es eher Layout. Hier

haben wir überhaupt kein Styling, kein Layout, das ist das Default Layout. Wenn wir uns jetzt

das mal angucken, das ist noch nicht das Layout, was wir haben wollen. Wir wollen zum Beispiel

das Textfeld groß machen und so weiter. Und dann kann man gewisse Dinge tun. Man kann zum

Beispiel hier, indem wir einen CSS-File dazu tun, dass wir sowas wie Fonts und Gewicht und

alle solche Sachen machen. Wir könnten das entweder so machen, wie ich es an der Tafel

geschrieben habe, mit style gleich irgendetwas. Oder aber indem wir CSS-Regeln da dran pappen,

die Regeln sind immer zuerst ein Selektor, der sagt uns, auf welche Elemente trifft das zu. Dann

ein Satz von Regeln und jede einzelne Regel hat eine Eigenschaft, zum Beispiel die Fontfamilie,

und dann hat man einen Wert. Und dieser Wert ist in diesem Fall, versuch mal, wenn du hast,

mit Trebuchet, MS, sonst mit Aria, sonst mit Helvetica, sonst mit Verdana und wenn du gar

nichts anderes hast, Sans-Seri-Fschriften, hast du immer. Das ist jetzt ein ganz komplexer Wert.

Es gibt auch einfache Werte, zum Beispiel Kursivschrift. Und mit dieser Idee hier können

wir selektieren und darauf Regeln anwenden. Wir können auch Farben machen mit derselben

Art und Weise. Wir können Größen machen, indem wir Height und Width und sowas oder

Background-Color angeben. Und dies hier ist nicht wirklich CSS. Hier nehmen wir das CSS nur um ein

Bild in diesem Fall absolut zu positionieren. Und absolut positionieren heißt hier im Vergleich zu

der oberen Ecke. Wir machen das an das Image und dann sagen wir, wir sind links davon. Links haben

wir noch 170 Pixel und von oben haben wir noch 15 Pixel. Und so kann man das Layout in gewisser

Weise nachträglich hinzufügen. Okay? Damit können Sie schon eine ganze Menge machen,

aber ich will Ihnen trotzdem einiges zur Theorie dieser ganzen Geschichte sagen. Dafür müssen wir

einen ganzen Schwung zurück, was sind all die Dinge. Wir hatten uns Teile davon schon angeguckt.

Ich will über ein ganz kleines, die Spezifikation des Ganzen irgendwie, das letzte Mal,

das ich geguckt habe, 6.000 Seiten, sind wahrscheinlich jetzt 10.000, weil CSS ist einfach so wichtig.

Es gibt so viel, was man in einem Layout machen kann. Und immer mehr, wenn wir in den Web

Applications schöne Interfaces machen wollen, die irgendwie cooles Zeug tun, dann braucht man

da wiederum verschiedene Effekte. Das sagt Ihnen vielleicht auch, warum Browser so groß sind. Immer,

wenn irgendjemand, also wenn die Standardisierungsbehörde, das W3C, sagt, ach,

übrigens da ist ein neuer CSS-Standard, dann müssen sich die Browser erstmal dransetzen

und den ganzen Krampel zu implementieren. Okay, was haben wir also? Wir haben die Selektoren.

Da kann man über den Namen des Elements und über die Attribute selektieren. Wir hatten das in dem

Beispiel gesehen. Input type submit konnte man machen. Dieses type gleich submit konnte, hat man

in eckige Klammern gesetzt. Ein P, das ein XML lang Attribut hat, das den Wert de hat, würde

zum Beispiel auf dieses Element zutreffen. Man kann mit den Punktselektoren, die hatten wir auch