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

Sprungziele

Span-Tag

Der span-Tag hat im Prinzip keine spezielle Information, kann aber für alle möglichen Zwecke verwendet werden.

style-Attribut

Mit dem style-Attribut kann man beliebig viele Style-Eigenschaften definieren:span style = "color: red; background-color: gray;">Hier steht Text /span. 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.

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.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).link href = "css.css" rel = "stylesheet"/