BZZ - Modulwiki - de:modul:m287:learningunits:lu04:aufgaben https://wiki.bzz.ch/ 2026-05-18T08:22:53+00:00 BZZ - Modulwiki https://wiki.bzz.ch/ https://wiki.bzz.ch/_media/wiki/logo.png text/html 2026-01-27T09:49:37+00:00 Anonymous (anonymous@undisclosed.example.com) LU04.A01 - Display https://wiki.bzz.ch/de/modul/m287/learningunits/lu04/aufgaben/display?rev=1769507377&do=diff LU04.A01 - Display Aufgabenstellung * Beschreiben Sie den Unterschied zwischen Block- und Inline-Elementen in HTML und geben Sie jeweils ein Beispiel für ein Block-Element und ein Inline-Element an. * Ändern Sie das Anzeigeverhalten eines Elements mit der text/html 2026-01-27T11:05:37+00:00 Anonymous (anonymous@undisclosed.example.com) LU04.A02 - Flexbox https://wiki.bzz.ch/de/modul/m287/learningunits/lu04/aufgaben/flexbox?rev=1769511937&do=diff LU04.A02 - Flexbox Ausgangslage HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div class="container"> <div class="logo">Item 1</div> <div class="nav"> <div class="nav-item">Item 1</div> <div class="nav-item">Item 2</div> <div class="nav-item">Item 3</div> </div> </div> </body> </html> text/html 2026-05-06T07:13:03+00:00 Anonymous (anonymous@undisclosed.example.com) LU04.A04 - Flexbox 2 https://wiki.bzz.ch/de/modul/m287/learningunits/lu04/aufgaben/flexbox2?rev=1778051583&do=diff LU04.A04 - Flexbox 2 Rahmenbedingungen Was Beschreibung Produkt: HTML-Seite mit CSS Flexbox Zeit: 40 Min. Sozialform: Einzel- oder Partnerarbeit Arbeitsmittel: Unterrichtsunterlagen, HTML-Editor, Browser Ausgangslage Sie wissen, was eine Flexbox ist, und wie diese angewendet wird. Das nachfolgende Video geht etwas mehr in die Materie, gibt Ihnen also Einblick in die Möglichkeiten der Anwendungen der Flexbox. text/html 2026-01-27T09:49:37+00:00 Anonymous (anonymous@undisclosed.example.com) LU04.A03 - Grid https://wiki.bzz.ch/de/modul/m287/learningunits/lu04/aufgaben/grid?rev=1769507377&do=diff LU04.A03 - Grid Aufgabe 1: Theorie Aufgabenstellung * Was bewirkt die CSS-Eigenschaft display: grid? * Was ist der Unterschied zwischen einem Grid-Container und einem Grid-Item? * Wofür stehen die Einheiten fr und px in CSS Grid? * Wie viele Dimensionen unterstützt