البرمجة
Tailwind CSS دليل شامل
12 ديسمبر 202510 دقائق قراءة
تعلم Tailwind CSS لبناء واجهات مستخدم جميلة بسرعة.
ما هو Tailwind؟
Tailwind framework CSS utility-first. بدلاً من كتابة CSS مخصص، تستخدم classes جاهزة مباشرة في HTML.
التثبيت
npm install -D tailwindcss
npx tailwindcss init
أمثلة أساسية
عنوان
محتوى النص هنا...
Responsive Design
عنصر 1
عنصر 2
عنصر 3
Dark Mode
يتغير اللون حسب الوضع
الخلاصة
Tailwind يسرّع التطوير بشكل كبير. منحنى التعلم قصير والنتائج رائعة.
الوسوم
#Tailwind#CSS#Frontend#Utility-First#تصميم