Die CSS Box
Dies ist eine Box. Sie wird mit einem
Div Element ID=navigation identifiziert. Die
Formatierung erfolgt in sbt2.css
IDs sind übrigens case-sensitiv.
Die Seite wird mit body
identifiziert. In diesem Fall hat die Seite
keinen linken, nur einen oberen Rand (body margin:40 0)
Die Box wird absolut positioniert.
Der Einfügepunkt wird mit x=Left und y=Top
festgelegt. Hier(Top=70,Left=0)
Von diesem Einfügepunkt aus hat die
Box einen Rand=Margin
Top,Right,Bottom,Left = mit Breite margin:50
Der Rand ist immer transparent
Die Box hat einen Rahmen=Border.
Breite, Style und Farbe werden mit
border: 5px solid blue festgelegt. Den Style darf man nicht vergessen
Zwischen Rahmen und Inhalt ist die Polsterung=Padding, deren Breite ist mit
padding: 20px festgelegt
Die Hintergrundfarbe der Box wird mit
background-color festgelegt.(mittelblaugrau)
Die Fordergrundfarbe ist mit color=white festgelegt
Der Text bekommt als Div Element seine eigene Hintergrundfarbe: hellblaugrau
und
Polster padding= 10
Eigentlich war der Text als Span Element formatiert, und zwar jede Zeile
für sich. Das machte
den Quelltext unleserlich. Bei Reduktion auf nur ein Tag für Anfang und
Ende, kamm die
Fehlermeldung, dass HL und p nicht zulässig sind.