Currently browsing category

CSS

Boxenmodell: der Außenrand

Der Außenrand

Der Außenrand wird ähnlich dem Innenrand mit der Eigenschaft MARGIN geregelt.
Lässt man Padding-Angaben weg, dann bilden die Margin-Werte den Abstand des sichtbaren Textes zum Bildschirmrand.

margin-left: regelt den Abstand zum linken Bildschirmrand
margin-right: regelt den Abstand zum rechten Bildschirmrand
margin-top: regelt den Abstand zum oberen Bildschirmrand
margin-bottom: regelt den Abstand zum unteren Bildschirmrand
margin: alle Werte (left, right, top, […]

Boxenmodell: der Innenrand

Box-Modell
CSS organisiert Inhalte einer Webseite (Tags, HTML-Elemente) in Containern bzw. Boxen.

Der Innnenrand
Der Innenrand, der Abstand des sichtbaren Inhalts zum nicht sichtbaren Rahmen wird mit der Eigenschaft PADDING geregelt.

 padding-left: regelt den Abstand zum linken Rahmen
padding-right: regelt den Abstand zum rechten Rahmen
padding-top: regelt den Abstand zum oberen Rahmen
padding-bottom: regelt den Abstand zum unteren Rahmen
padding: alle Werte (left, […]

Modernes Seitenlayout mit CSS

Wahl des Designs
 
Mit CSS lassen sich weit mehr Einstellungen beeinflussen als wir bisher als pure Textformatierung kennen gelernt haben. CSS kann das Design einer kompletten Webseite gestalten.
Folgendes Design soll in den nächsten Unterrichtsstunden Stück für Stück realisiert werden:

In den folgenden Lerneinheiten nähern Sie sich dem Muster Schritt für Schritt
 
Laden Sie sich das Verzeichnis „theis-cr_CSS_Seitenlayout.ZIP“ runter. […]