https://wiki.bzz.ch/ 2026-04-17T14:00:01+00:00 https://wiki.bzz.ch/ https://wiki.bzz.ch/_media/wiki/logo.png text/html 2025-11-05T07:09:55+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.bzz.ch/de/modul/ffit/2-jahr/tailwind/learningunits/lu01/grundlagen?rev=1762326595&do=diff LU01a - Tailwind Grundlagen Tailwind CSS ist ein modernes und hochflexibles CSS-Framework, das es Entwicklern ermöglicht, schnell und effizient ansprechende Benutzeroberflächen zu gestalten. Im Gegensatz zu traditionellen Frameworks wie Bootstrap, die vorgefertigte Komponenten und Designs bereitstellen, ist Tailwind ein Utility-First Framework. Das bedeutet, dass es sich auf kleine, atomare Klassen konzentriert, mit denen spezifische Styling-Aufgaben direkt im text/html 2025-11-06T06:08:57+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.bzz.ch/de/modul/ffit/2-jahr/tailwind/learningunits/lu01/prinzipien?rev=1762409337&do=diff LU01b - Prinzipien des Tailwinds Jede Tailwind-Klasse hat ein einheitliches Muster: <Eigenschaft>-<Wert> -> Eigenschaft: Steht für die CSS-Eigenschaft, die die Klasse kontrolliert (z. B. bg für background-color, text für color). -> Wert: Gibt die Einstellung für diese Eigenschaft an, wie z. B. eine Farbe (red-500), einen Abstand (4), oder eine Grösse (lg). text/html 2025-11-05T07:10:11+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.bzz.ch/de/modul/ffit/2-jahr/tailwind/learningunits/lu01/start?rev=1762326611&do=diff LU01 - Tailwind Grundlagen * LU01a - Tailwind Grundlagen * LU01b - Prinzipien des Tailwinds Aufgaben * LU01.A01 - Einbindung und einfaches Styling * LU01.A02 - Buttons mit Hover-Effekt * LU01.A03 - Eine responsive Karte erstellen * LU01.A04 - Komponente mit Tailwind CSS Lösungen Dieser Namensraum existiert nicht: de:modul:ffit:2-jahr:tailwind:learningunits:lu01:loesungen