Anleitung: CSS Grundlagen

Cascading Style Sheets, oder einfach CSS, ermöglicht es Ihnen, Inhalt und Layout Ihrer Website voneinander zu trennen. Mit CSS können Sie HTML Seiten besser strukturieren und ihr Layout effektiver organisieren als mit herkömmlichen HTML. Möchten Sie den Stil Ihrer Website verändern, ist der Aufwand dafür wesentlich geringer, wenn Sie CSS nutzen.

CSS, wie funktioniert es?

CSS ist ein einfaches Arbeitsmittel, um verschiedenste Formate (z. B. Schriftfonts, Farben, Abstände) auf Ihrer Website zu definieren bzw. solche hinzuzufügen.

Jedes Format hat einen unverwechselbaren Namen, genannt Selektor . Jeder Selektor und seine Eigenschaften werden einmalig an einer bestimmten Stelle definiert, Sie müssen also die gleichen Formatanweisungen nicht immer wieder neu schreiben. CSS-Anweisungen können in die aktuelle Website eingebaut oder in einer externen Datei gespeichert werden. Immer, wenn Sie ein bestimmtes Format benötigen, verweisen Sie auf den Selektor (Sie rufen das Format auf, das Sie sehen möchten).

Sie können ein Format definieren und dann immer wieder aufrufen (auf es verweisen), ohne die komplette Formatanweisung jedes Mal neu schreiben zu müssen.

Beispiel: Eine einfache Tabelle formatieren: