Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.
Beide Seiten, vorherige Überarbeitung Vorherige Überarbeitung Nächste Überarbeitung | Vorherige Überarbeitung | ||
informatik:css:css-lernpfad-box-modell [2018/10/15 23:20] – jonathan.pfeiffer | informatik:css:css-lernpfad-box-modell [2020/06/10 18:59] (aktuell) – Externe Bearbeitung 127.0.0.1 | ||
---|---|---|---|
Zeile 90: | Zeile 90: | ||
< | < | ||
<iframe src=" | <iframe src=" | ||
- | <tabbox Gesamtbreite> | ||
</ | </ | ||
+ | |||
+ | <tabbox #4> | ||
+ | <WRAP center round todo 80%> | ||
+ | * Öffne das Thimble Projekt. https:// | ||
+ | * Verändere die Werte bei margin und padding. Spiele mit den Werten und beobachte die Veränderungen. | ||
+ | * Bekommen ein Gefühl für das Box-Modell. | ||
+ | </ | ||
+ | |||
+ | |||
+ | <tabbox Gesamtbreite> | ||
+ | |||
Auf den ersten Blick ungewöhnlich ist die Berechnung der **Gesamtbreite** einer Box. '' | Auf den ersten Blick ungewöhnlich ist die Berechnung der **Gesamtbreite** einer Box. '' | ||
Zeile 117: | Zeile 127: | ||
| Gesamtbreite der Box | 780px | | | Gesamtbreite der Box | 780px | | ||
- | <tabbox #4> | + | <tabbox #5> |
< | < | ||
<iframe src=" | <iframe src=" | ||
</ | </ | ||
- | <tabbox #5> | + | <tabbox #6> |
<WRAP center round important 60%> | <WRAP center round important 60%> | ||
Um die unten angeführte Learningapp bearbeiten zu können, musst du folgenden Link aufrufen: [[https:// | Um die unten angeführte Learningapp bearbeiten zu können, musst du folgenden Link aufrufen: [[https:// | ||
Zeile 131: | Zeile 141: | ||
</ | </ | ||
\\ | \\ | ||
- | <tabbox #6> | + | <tabbox #7> |
- | **Wiederholung zu CSS** | + | **Wiederholung zu CSS**\\ |
\\ | \\ | ||
< | < |