 Autor: pako +++++ (172.18.0.[11903b58])
Datum: 21. 04. 2026 14:50:03
Tailwind CSS je populární utility-first CSS framework pro rychlou tvorbu moderních webových stránek přímo v HTML kódu. Místo psaní klasických CSS souborů s názvy tříd (např. .tlacitko { ... }) používáte předpřipravené atomické třídy (např. flex, pt-4, text-center, bg-blue-500) přímo na HTML prvcích.
Hlavní vlastnosti a výhody:
Rychlost vývoje: Vývojáři nemusejí opouštět HTML soubor, což zrychluje stylování.
Konzistence: Tailwind funguje jako vestavěný design systém, což vede k předvídatelnému vzhledu.
Responsivita: Snadná tvorba responsivního designu pomocí modifikátorů (např. md:flex).
Optimalizace: Tailwind CSS automaticky odstraňuje nepoužité styly, což vede k velmi malým výsledným CSS souborům.
Uživatelské přizpůsobení: Umožňuje snadné nastavení vlastních barev, písem a dalších prvků v konfiguračním souboru (tailwind.config.js).
Příklad kódu:
<div class="p-6 max-w-sm mx-auto bg-white rounded-xl shadow-lg flex items-center space-x-4">
<div>
<div class="text-xl font-medium text-black">ChitChat</div>
<p class="text-gray-500">You have a new message!</p>
</div>
</div> |
|
Autor: pakon +++++
