Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- de:modul:m287:learningunits:lu03:loesungen:box-modell [2026/03/17 14:49] – alte Version wiederhergestellt (2026/03/17 14:43) vdemir
+++ de:modul:m287:learningunits:lu03:loesungen:box-modell [2026/03/17 14:52] (aktuell) – vdemir
@@ Zeile 4: / Zeile 4: @@
 Beantworten Sie die folgenden Fragen:
+**1. Was versteht man unter dem CSS-Box-Modell und welche Bestandteile umfasst es?**
-  - Was versteht man unter dem CSS-Box-Modell und welche Bestandteile umfasst es?
+  * Das CSS-Box-Modell beschreibt, wie jedes HTML-Element als rechteckige Box aufgebaut ist.
-    * Das CSS-Box-Modell beschreibt, wie jedes HTML-Element als rechteckige Box aufgebaut ist.
+  * Es besteht aus vier Bereichen: Content (Inhalt), Padding (Innenabstand), Border (Rahmen) und Margin (Aussenabstand).
-    * Es besteht aus vier Bereichen: Content (Inhalt), Padding (Innenabstand), Border (Rahmen) und Margin (Aussenabstand).
+  * Diese bestimmen gemeinsam die Grösse und den Abstand eines Elements im Layout.
-    * Diese bestimmen gemeinsam die Größe und den Abstand eines Elements im Layout.
+**2. Wie unterscheidet sich das klassische vom neuen Box-Modell in Bezug auf die Berechnung der Elementbreite?**
-  - Wie unterscheidet sich das klassische vom neuen Box-Modell in Bezug auf die Berechnung der Elementbreite?
+  * Beim klassischen Modell (content-box) bezieht sich die Breite nur auf den Inhalt, Padding und Border werden zusätzlich addiert.
-    * Beim klassischen Modell (content-box) bezieht sich die Breite nur auf den Inhalt, Padding und Border werden zusätzlich addiert.
+  * Beim neuen Modell (border-box) sind Padding und Border bereits in der angegebenen Breite enthalten. Dadurch bleibt die Gesamtbreite konstant und besser berechenbar.
-    * Beim neuen Modell (border-box) sind Padding und Border bereits in der angegebenen Breite enthalten. Dadurch bleibt die Gesamtbreite konstant und besser berechenbar.
-  - Was passiert, wenn zwei vertikale Aussenabstände (Margins) aufeinandertreffen?
+**3. Was passiert, wenn zwei vertikale Aussenabstände (Margins) aufeinandertreffen?**
-    * Treffen zwei vertikale Margins aufeinander, werden sie nicht addiert, sondern //kollabieren//.
+  * Treffen zwei vertikale Margins aufeinander, werden sie nicht addiert, sondern //kollabieren//.
-    * Es gilt dann nur der grössere der beiden Abstände.
+  * Es gilt dann nur der grössere der beiden Abstände.
-    * Dieses Verhalten nennt man Margin-Collapsing und tritt nur bei vertikalen Abständen auf.
+  * Dieses Verhalten nennt man Margin-Collapsing und tritt nur bei vertikalen Abständen auf.
 ----
@@ Zeile 98: / Zeile 98: @@
 }
 </code>
+----
+[[https://creativecommons.org/licenses/by-nc-sa/4.0/|{{https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png}}]] Volkan Demir