منسّق CSS
جمّل CSS بإزاحة نظيفة، أو صغّره لتقليل حجم الملف. يتعامل مع استعلامات الوسائط وcalc() وتعليقات الترخيص.
كيفية استخدام منسّق CSS
- 01
الصق CSS في صندوق الإدخال.
- 02
اختر تجميل لتنسيقه أو تصغير لضغطه.
- 03
اختر حجم الإزاحة، ثم انسخ النتيجة.
ما يفعله منسق CSS
هذا هو منسق CSS الذي يعمل على تجميل أوراق الأنماط بمسافات بادئة نظيفة ومتسقة، أو تصغيرها لتقليص حجم الملف. يمكنك اختيار حجم المسافة البادئة للتجميل، والتبديل للتصغير عندما تريد الحصول على أصغر مخرجات.
متى يتم التجميل ومتى يتم التصغير
يعد CSS القابل للقراءة أسهل في الفحص والمراجعة والتصحيح: عندما يتم وضع مسافة بادئة لكل قاعدة وإعلان بشكل متسق، يمكنك رؤية المحددات والتداخل وشكل استعلامات الوسائط الخاصة بك في لمحة.
التصغير هو للإنتاج. فهو يزيل المسافات البيضاء والتعليقات التي لا تحتاجها المتصفحات، وبالتالي يتم تنزيل الملف بشكل أسرع. في ورقة الأنماط الكبيرة، يزداد الحفظ، خاصة قبل ضغط gzip على الخادم.
تصغير دقيق باستخدام calc() واستعلامات الوسائط
المصغر حريص على ما يهم. فهو يحتفظ بالمسافات حول زائد وناقص داخل calc()، لذلك يظل calc(100% - 30px) صالحًا، ويقوم فقط بإزالة المسافات حول الأحرف الهيكلية مثل الأقواس والنقطتين والفواصل المنقوطة. كما أنه يعالج استعلامات الوسائط المتداخلة بشكل صحيح.
يتم الاحتفاظ بتعليقات الترخيص
تعليقات الترخيص مكتوبة في /*! ... */ يتم الاحتفاظ بالنموذج، وهو التقليد القياسي للاحتفاظ بإشعارات حقوق الطبع والنشر والترخيص في مخرجات مصغرة حتى عند إزالة التعليقات العادية.
يعمل في المتصفح الخاص بك
يتم تشغيل كل من التجميل والتصغير بالكامل في متصفحك، بحيث لا تترك أوراق الأنماط جهازك أبدًا. تنسيقات الأداة لسهولة القراءة والحجم؛ لا يتحقق من صحة CSS الخاص بك.
الأسئلة الشائعة
هل يكسر التصغير تعبيرات calc()؟
لا. يُبقي المصغّر المسافات حول علامتي الجمع والطرح داخل القيم، فيبقى calc(100% - 30px) صحيحًا. ولا يزيل إلا المسافات حول الأحرف البنيوية مثل الأقواس والنقطتين والفواصل المنقوطة.
هل تُزال التعليقات عند التصغير؟
تُزال التعليقات العادية لتوفير المساحة، لكن تعليقات الترخيص المكتوبة بصيغة /*! ... */ تُحفظ، وهو العُرف القياسي للحفاظ على إشعارات حقوق النشر.
هل يُرفع CSS الخاص بي إلى أي مكان؟
لا. يعمل كل من التجميل والتصغير بالكامل داخل متصفحك، فلا تغادر أوراق أنماطك جهازك.