CSS Schnellstart – Sonstiges

Nun konnten wir ein Element verstecken, aber du hast gesehen, dass eine "Lücke" sichtbar ist.

Außerdem gibt es in HTML Elemente, die als Block gezeigt werden, also automatisch die gesamte Breite einnehmen. Das bedeutet, das die nächsten Elemente automatisch unter dem Element gezeigt werden. Das sind Elemente wie div oder p. Das sind block-Elemente.

Es gibt aber auch Elemente, die innerhalb des Blockes bleiben und weitere Elemente auf derselben "Zeile" gezeigt werden. Das sind inline-Elemente wie span oder a.

Ob ein Element als block oder inline gezeigt wird, kannst du mit der display-Eigenschaft einstellen. Das ändert zwar NICHT das grundsätzliche Verhalten des Elementes, aber es wird anders gezeigt.

Es gibt auch noch den Wert inline-block. Dieser bewirkt, dass dein Element inline gezeigt wird, aber auch noch eine Breite und Höhe haben kann, wie ein block.

Außerdem kannst du mit dem Wert none, das Element so verstecken, dass es so aussieht, als wäre es gar nicht da.

Wie das in Aktion aussieht, lernst du jetzt in der Übung: