Lektion 3c

Eigene Website

Farben

Verwende in deiner Website mehrere Farbdefinitionen (Farbname, Hexcode, rgb).

Abstände, Rahmen

Verwende margin, padding,  border je mindestens 1x.

margin-top: 1em; /* Abstand eines Elements nach oben zum nächsten Element */
margin-right: 1em; /* Abstand nach rechts */
margin-bottom: 1em; /* Abstand nach unten */
margin-left: 1em; /Aussenabstand links */
/* Hinweis: wenn links und recht auf "auto" gestellt sind (automatisch), wird das Element horizontal eingemittet */
margin: 1em; /* Aussenabstand auf allen vier Seiten derselbe */

padding-top: 1em, /* Innenabstand eines Elements, der Abstand zwischen Inhalt und Rahmen */
padding-right/-bottom/-left /* "" */
padding: 1em; /* Derselbe Innenabstand auf allen vier Seiten */

border-left-width: 1em; /* Breite des Rahmens links */
border-left-style: solid; /* Stil des Rahmens links, z.B. 'solid' (durchgezogen) oder 'dotted' (gepunktet) */
border-left-color: red; /* Farbe des Rahmens links */
border: 1em solid red; /* Alle 12 Eigenschaften auf einer Zeile */