Utility-first CSS (Tailwind) là gì?

Methodology viết styles bằng utility classes nhỏ trực tiếp trong HTML: class="flex items-center gap-4 p-4 bg-white rounded-lg". Tailwind CSS là framework phổ biến nhất.

Ưu điểm: phát triển nhanh, design consistent, không đặt tên class, tree-shake tự động xóa unused CSS (bundle nhỏ). Nhược: HTML verbose, learning curve ban đầu. So với BEM: ít abstraction hơn, productivity cao hơn cho hầu hết teams.

A methodology of writing styles using small utility classes directly in HTML: class="flex items-center gap-4 p-4 bg-white rounded-lg". Tailwind CSS is the most popular framework.

Benefits: fast development, consistent design, no class naming needed, automatic tree-shaking (small bundle). Downside: verbose HTML, initial learning curve. Compared to BEM: less abstraction, higher productivity for most teams.