Eigenschaften

Es gibt fast an die 300 Eigenschaften und das sind sehr viele um sie im einzelnen zu beschreiben. Eine komplette Liste findest Du hier CSS Eigenschaften. Im Anschluss gibt es ein kleines Projekt, indem häufig verwendete CSS Selektoren und Eigenschaften verwendet werden. Hier nur ein paar Beispiele für das Verständnis.

Farben

Die Textfarbe kann mit "color" geändert werden. In dem ersten Beispiel würden alle Absätze <p> eine rote Schrift bekommen, und im Zweiten erhalten alle Zitate <blockquote> einen grauen Hintergrund.

p { color: red; }
blockquote { background-color: #ddd; }

Schrift

p { font-family: Verdana; } /* Schrifttyp */
blockquote { font-weight: bold; } /* fett */
small { font-size: 0.4em; } /* Schriftgröße */

CodeZone

CSS

HTML

Auf Testzone anwenden