ينسق أكواد CSS مع المسافات البادئة والفاصل والتعليقات بشكل قابل للقراءة. مفيد لصياغة ملفات CSS الكبيرة أو فحص الأنماط. يدعم التنسيق الفوري والنسخ والتنزيل.
منسقات الويب
إدخال CSS
السحب والإفلات مدعوم
CSS منسق
الصق CSS على اليسار للتنسيق.
حسّن CSS البسيط محلياً مع إدراك أن المنسق استبدال نصي وليس محلل CSS، وقد يغير السلاسل وdata URLs والتعليقات والتراكيب المعقدة.
أكمل سير عمل منسق CSS قابلاً للتحقق داخل هذا المتصفح.
الخطوة 1
تقبل الواجهة نصاً أو .css وتوثق فقط بالقواعد البسيطة التي تكون فيها الأقواس والفواصل بنيوية.
الخطوة 2
لا خيار لحجم الإزاحة أو التصغير؛ الناتج مسافتان.
الخطوة 3
تضيف فراغاً قبل { وأسطر بعد { و; وحول } وتحذف الفارغ وتزيح العمق بمسافتين.
الخطوة 4
قارن المصدر والناتج ثم حلله واعرضه في المتصفحات المستهدفة خاصة مع السلاسل وdata URLs والتعليقات وat-rules.
الخطوة 5
بعد المقارنة ادمج الورقة مع الوسوم في HTML Formatter وافحص المعاينة المعزولة.
النتيجة: قد تُقسّم أقواس الاستيفاء أو التراكيب المتداخلة أو محددات القالب على أنها بنية CSS، لأن المنسق يستبدل النص ولا يحلل لغة المصدر.
الإصلاح: حوّل المصدر إلى CSS أولاً أو استخدم منسقاً يحلل قواعد لغة المعالج المسبق أو القالب الفعلية.
النتيجة: تتعافى المتصفحات من أخطاء CSS كثيرة، وقد يقبل فحص CSSOM ورقة تغيرت فيها السلاسل أو الخصائص المخصصة أو التعليقات أو التداخل بفعل خوارزمية المسافات.
الإصلاح: قارن المصدر بالناتج، وحلله بأدوات الإنتاج، واعرض صفحات ممثلة في كل متصفح مستهدف قبل استبدال الأصل.
النتيجة: قد تضيف الخوارزمية سطراً لأنها لا تحلل السلاسل إلى رموز.
الإصلاح: استخدم محلل CSS حقيقياً للمحتوى المعقد أو راجع الفرق والعرض.
بعد المقارنة ادمج الورقة مع الوسوم في HTML Formatter وافحص المعاينة المعزولة.
توضع التصريحات على أسطر مزاحة بمسافتين من دون تعديل الفراغ بعد النقطتين.
تقبل الواجهة نصاً أو .css وتوثق فقط بالقواعد البسيطة التي تكون فيها الأقواس والفواصل بنيوية.
قد تضيف الخوارزمية سطراً لأنها لا تحلل السلاسل إلى رموز.
ليست tokenizer أو parser كاملاً ولا مصغراً أو prefixer أو محسناً أو مدقق معنى.
قارن المصدر والناتج ثم حلله واعرضه في المتصفحات المستهدفة خاصة مع السلاسل وdata URLs والتعليقات وat-rules.
يبقى CSS والتشخيص في التبويب بلا رفع. تعمل دون اتصال بعد التخزين؛ الملف والنسخ والتنزيل صريحة.
بعد المقارنة ادمج الورقة مع الوسوم في HTML Formatter وافحص المعاينة المعزولة.
يبقى CSS والتشخيص في التبويب بلا رفع. تعمل دون اتصال بعد التخزين؛ الملف والنسخ والتنزيل صريحة.
