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

Sofia Emelianova
Sofia Emelianova

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

شاهِد الفيديو للتعرّف على كيفية تفعيل أو إيقاف تراكب الشبكة في لوحة العناصر واستخدامه لإجراء ما يلي:

شبكة مركّبة

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

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

محرِّر الشبكة

للحصول على تجربة تعلّم عملية أكثر، اتّبِع الدليل التعليمي فحص شبكة CSS.