Aus dem Kurs: Webtechniken lernen 2: CSS-Grundlagen

So erhalten Sie Zugriff auf diesen Kurs

Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 23.200 Kurse von Branchenfachleuten.

Die Breite begrenzen: width, min-width und max-width

Die Breite begrenzen: width, min-width und max-width – Tutorial zu CSS

Aus dem Kurs: Webtechniken lernen 2: CSS-Grundlagen

Gratismonat starten Für Ihr Team erwerben

Die Breite begrenzen: width, min-width und max-width

“

Webseiten bestehen aus rechteckigen Kästchen, die alle nach demselben Schema aufgebaut sind. Und je besser Sie dieses Boxmodell und seine Eigenschaften verstehen, desto leichter wird Ihnen das Gestalten von Webseiten per CSS fallen. Sie kennen den Inhaltsbereich, das ist der Kern der Sache, die Contentbox. Drum herum liegen die Padding-Box, die Border-Box und die Margin-Box. Und von allen diesen Boxen kann man die Seiten unterschiedlich gestalten, so dass man jede Menge Eigenschaften hat, um so ein Kästchen gestalten zu können. Zur Breite und zur Höhe haben wir bis jetzt wenig unternommen. Block-Boxen werden automatisch so breit, wie es geht, wie die umgebende Box, und sie werden so hoch, wie ihr Inhalt. Es gibt CSS-Eigenschaften zur Definition der Breite und der Höhe. Aber Sie werden im Alltag nur selten eine feste Breite mit width und noch seltener eine feste Höhe mit hight definieren. Meist es ist besser, mit Eigenschaften wie min-widths, also Mindestbreite, oder max-widths…

Inhalt