أين تتم معالجة إدخال CSS مصغر؟

عند الإمكان تتم المعالجة في المتصفح. لا تلصق أسرار الإنتاج أو بيانات العملاء.

هل يمكن استخدام النتيجة مباشرة في الإنتاج؟

قبل النسخ، راجع بيئة التشغيل والترميز والمنطقة الزمنية وسياسات الأمان.

CSS مصغر - أداة الكود مجانية على الويب

CSS Minالكودالخصوصية: محلي في المتصفح

CSS مصغر

صغر CSS بإزالة التعليقات والمسافات الزائدة لمراجعة الناتج المصغر بسرعة.

الإدخال / الناتج

ابدأ بالأداة

يبقى الإدخال والناتج وإجراءات النسخ في هذه المساحة الرئيسية. الأمثلة والفحوصات مفصولة أدناه.

ناتج جاهز للنسخ

أمثلة CSS

كتل المحددات

التصريحات

قواعد @media

أسطر الناتج

تشخيص CSS

افحص المحددات والقيم وقواعد @ والحجم بعد الضغط قبل النسخ.

الخصائص المخصصة

لم يتم العثور على خصائص مخصصة.

قيم الألوان

#111

قواعد @

لم يتم العثور على قواعد @.

نسبة الضغط

16%

نسبة تقليل تقديرية بعد حذف المسافات والتعليقات.

معاينة المحددات

أول محددات تم العثور عليها في المقطع.

.card

ملاحظات الفحص

هذه أداة تنسيق خفيفة للمقاطع الصغيرة. افحص ملفات الأنماط الكبيرة بأداة المشروع قبل الاعتماد عليها.

الناتج

تصغير

ناتج جاهز للنسخ

.card{display:flex;color:#111;}

جلسة محلية

تحفظ حالة الإدخال في هذا المتصفح فقط لاستعادة آخر عمل دون حساب.

راجع بعد ظهور النتيجة

افتح الأمثلة وقوائم الفحص والأدوات المرتبطة بعد انتهاء مسار الإدخال والناتج الأساسي.

الأدلة

أمثلة

نقاط بداية لهذه الأداة

.card { display: flex; gap: 16px; color: #111; }/* handoff note */ @media (min-width:768px) { .grid { display:grid; } }#hero .title { color: rgb(10, 20, 30); }

حالات الاستخدام

الكود

صغر CSS بإزالة التعليقات والمسافات الزائدة لمراجعة الناتج المصغر بسرعة.
يعالج الإدخال بأسلوب محلي في المتصفح مع مراجعة النتيجة قبل النسخ.

قارن الإدخال الأصلي بشكل الناتج مرة أخرى.
راجع اختلافات بيئة التشغيل والترميز والمنطقة الزمنية وسياسة الأمان.
تابع بأداة مرتبطة للتأكد من أن نتيجة CSS مصغر مناسبة للخطوة التالية.