Sprungziele

HTML und CSS verbinden

Inhalt

span-tag

style-tag im Head

externe Datei

Kapitel 4

Kapitel 5

Kapitel 6

Span-Tag

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: span style = "color: red; background-color: gray;"Hier steht Textspan 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

CSS kann im head-Bereich der HTML-Datei oder in einer eigenen Datei eingebunden werden. 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