Home || Pseudoklassen || CSS einbinden || Fragen ||

Sprungziele

Inhalt

Span-Tag

Style-Tag im Head

Externe CSS-Datei

HTML und CSS verbinden(drei Möglichkeiten!)

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: 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.

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.

Externe CSS-Datei

Um eine CSS-Datei einzubinden, benötigt man den -Tag. Man benötigt auch rel (=Relationship), welches angibt, in welcher Beziehung das verlinkte Objekt zur HTML-Seite steht (stylesheet). Man schreibt in spitzen Klammern: link href = "css/css.css" rel= "stylesheet"