Innenabst\u00e4nde in der Box werden \u00fcber padding gesetzt. Es gibt die Abst\u00e4nde oben, rechts, unten und links (achte auf die Reihenfolge!). <\/p>\n
Zum Beispiel:<\/p>\n
padding-top: 10px;
padding-right: 30px;
padding-bottom: 50px;
padding-left: 70px;<\/p>\n
Das ist eine Menge Tipperei und kann ersetzt werdsen durch:<\/p>\n
padding: 10px 30px 50px 70px;<\/p>\n
Nochwas:<\/p>\n
padding: 20px;<\/p>\n
setzt \u00fcberall einen Abstand von 20 Pixeln. <\/p>\n
Das gleiche gilt auch f\u00fcr die Au\u00dfenabst\u00e4nde, die \u00fcber margin-xxxx gesetzt werden.<\/p>\n
#kastenrot { background-color: red;<\/span> #kastengruen { background-color: green; <\/span> <html> <body><\/span> <div id=“kastenrot“><\/span> <\/div><\/span> <\/p><\/span> <\/body><\/span>
width: 200px;<\/span>
padding: 100px;<\/span>
}<\/span><\/p>\n
width:400px;<\/span>
padding: 20px 50px 100px 150px;<\/span>
}<\/span><\/p>\nAufgabe: Erstelle die Dateien ai\/css\/kurzform\/boxen.html<\/h5>\n
<head>
<link href=“design.css“ type=“text\/css“ rel=“stylesheet“ \/>
<\/head><\/span><\/p>\n
<h1>jetzt HTML lernen mit CSS<\/h1><\/span><\/p>\n
<p> Ich bin Text. Alles was in diesem Div steht gehoert zur Gruppe kastenrot und bekommt<\/span>
die Eigenschaften, die in der CSS-Datei angegeben wurden. Hier jetzt auch mit Innenabstand<\/p><\/span><\/p>\n
<div id=“kastengruen“><\/span>
<p> Ich bin auch ein Text, geh\u00f6re aber einem anderen Div an, der Gruppe kastengruen. Jetzt habe ich einen Innenabstand.<\/span><\/p>\n
<\/div><\/span><\/p>\n
<\/html><\/span><\/p>\nAufgabe: Experimentiere mit verschiedenen Werten in deiner css-Datei.<\/span><\/h5>\n
Aufgabe: Experimentiere auch mit margin!<\/span><\/h5>\n
Aufgabe: Experimentiere mit dem folgenden Tag <\/span><\/h5>\n