Tailwind-CSS-Tutorial
Tailwind CSS ist ein Open-Source-CSS-Framework.
Tailwind CSS ist ein funktionsreiches, Utility-First-CSS-Framework zum schnellen Erstellen individueller Designs.
Tailwind CSS wurde 2017 von Adam Wathan und Jonathan Reinink erstellt und 2018 veröffentlicht.
Das Kernkonzept von Tailwind CSS besteht darin, eine große Anzahl von Utility-Klassen bereitzustellen, die direkt auf HTML-Elemente angewendet werden können, um Designs umzusetzen.
Für wen ist dieses Tutorial?
Solange Sie über Grundkenntnisse in HTML und CSS verfügen, können Sie dieses Tutorial lesen und Ihre eigene Website entwickeln. Nach Abschluss dieses Tutorials erreichen Sie ein mittleres Niveau bei der Verwendung von Tailwind CSS zur Entwicklung von Webprojekten.
Voraussetzungen für das Lesen dieses Tutorials:
Bevor Sie mit dem Lesen dieses Tutorials beginnen, müssen Sie über Grundkenntnisse in HTML, CSS und JavaScript verfügen. Wenn Sie mit diesen Konzepten noch nicht vertraut sind, empfehlen wir Ihnen, zuerst unsere Tutorials zu lesen:
Tailwind CSS Beispiele
Nachfolgend finden Sie ein einfaches Tailwind-CSS-Beispiel:
Tailwind CSS Beispiele
Selbst ausprobieren »
Das obige Beispiel zeigt, wie man mit einfachen Klassennamen schnell eine Karte mit blauem Hintergrund, weißem Text, Innenabstand und abgerundeten Ecken definiert.
Referenzlinks
Offizielle Tailwind CSS-Website:https://tailwindcss.com/
Offizielle Tailwind CSS-Dokumentation:https://tailwindcss.com/docs/
Andere Erweiterungen