CodeShot

آزمون Tailwind CSS

چند سؤال کوتاه درباره فلسفه Utility-First، کلاس‌های رایج، پیشوندهای واکنش‌گرا و شخصی‌سازی Tailwind.

⏱ حدود 11 دقیقه · 7 سؤال · نمره قبولی 60٪ · بعد از ثبت، پاسخ درست هر سؤال به‌همراه توضیح نمایش داده می‌شود.

  1. 1.

    فلسفه اصلی Tailwind CSS چیست؟

  2. 2.

    کلاس `flex` در Tailwind معادل کدام ویژگی CSS است؟

  3. 3.

    پیشوند `md:` روی یک کلاس (مثل `md:text-lg`) یعنی آن استایل فقط از Breakpoint متوسط (md) به بالا اعمال می‌شود؛ این رفتار Mobile-First است.

  4. 4.

    تنظیمات سفارشی (مثل رنگ‌ها یا فونت‌های اختصاصی پروژه) در Tailwind کجا تعریف می‌شود؟

  5. 5.

    کدام‌ها نمونه‌های معتبر کلاس‌های یوتیلیتی در Tailwind هستند؟ (چند گزینه)

  6. 6.

    دایرکتیو `@apply` در فایل CSS پروژه Tailwind چه کاری انجام می‌دهد؟

  7. 7.

    کدام کلاس Tailwind، padding افقی برابر با ۴ واحد به عنصر اضافه می‌کند؟ (فقط نام کلاس)

    <div class="__________">محتوا</div>
    
0 از 7 سؤال پاسخ داده شده