نصائح حول أدوات مطوري البرامج: كيفية فحص شبكة CSS

صوفيا إميليانوفا
صوفيا أميليانوفا

تجعل أدوات مطوري البرامج في Chrome تصحيح أخطاء تنسيقات شبكة CSS سهلة باستخدام مجموعة متنوعة من خيارات العرض.

شاهِد الفيديو للتعرّف على كيفية تبديل عرض تراكب الشبكة في لوحة العناصر واستخدامه لتنفيذ ما يلي:

تراكب الشبكة

  • تصور وفحص تخطيطات الشبكة.
  • انظر أرقام الصفوف والأعمدة للإشارة إليها عند وضع عناصر الشبكة.
  • استخدم أسماء الأسطر والمناطق وشاهدها على التراكب إذا كان لديك الكثير من عناصر الشبكة وكانت الأرقام مربكة.
  • التحقق من أحجام الأغاني

بالإضافة إلى ذلك، باستخدام Grid Editor في قسم العناصر > الأنماط، يمكنك محاذاة العناصر ومحتواها في تنسيق الشبكة بنقرة زر واحدة بدلاً من كتابة قواعد CSS.

Grid Editor.

لمزيد من التدريب العملي، يمكنك اتّباع البرنامج التعليمي فحص شبكة CSS.