Home || CSS einbinden || Pseudoklassen || ID+Klassen || Fragen ||

Sprungziele

HTML und CSS verbinden(drei Möglichkeiten!)

Inhalt

Inline-Style

Style-Tag im Head

Externe Datei

Inline-Style

Der Span-Tag hat im Prinzip keine spezielle Information, kann aber für alle möglichen Zwecke verwendet werden. Mit dem Style>-Attribut kann man beliebig viele Style-Eigenschaften definieren: Hier steht Text Worin liegt der Nachteil von diesem Inline-Style? Style-Eigenschaften sollte man global definieren. Struktur und Style sollten eigentlich sauber voneinander getrennt werden. Manchmal kann es aber auch sinnvoll sein, hier eine Ausnahme zu machen, um globale Style-Eigenschaften in einem speziellen Fall zu überschreiben.

TOP
Style-Tag im Head

Will man direkt in den head CSS einfügen, kann man dies mit dem Style-Tag machen.

TOP
Externe Datei

Um eine CSS-Datei einzubinden, benötigt man den Link-Tag. Man benötigt auch rel (=Relationship), welches angibt, in welcher Beziehung das verlinkte Objekt zur HTML-Seite steht (stylesheet).

TOP