نصائح حول أدوات مطوري البرامج: كيفية فحص شبكة CSS
تنظيم صفحاتك في مجموعات
يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.
تسهّل أدوات مطوّري البرامج في Chrome تصحيح أخطاء تصاميم شبكات CSS من خلال مجموعة متنوعة من خيارات العروض المرئية.
شاهِد الفيديو للتعرّف على كيفية تفعيل أو إيقاف تراكب الشبكة في لوحة العناصر واستخدامه لإجراء ما يلي:
- عرض تخطيطات الشبكة وفحصها
- اطّلِع على أرقام الصفوف والأعمدة للرجوع إليها عند وضع عناصر الشبكة.
- استخدِم أسماء الخطوط والمساحات وشاهدها على التراكب إذا كان لديك الكثير من عناصر الشبكة وكانت الأرقام مربكة.
- تحقَّق من أحجام الأغاني.
بالإضافة إلى ذلك، باستخدام أداة تعديل الشبكة في لوحة العناصر > الأنماط، يمكنك محاذاة العناصر ومحتوى العناصر في تنسيق شبكة بنقرة زر واحدة بدلاً من كتابة قواعد CSS.
للحصول على تجربة تعلّم عملية أكثر، اتّبِع الدليل التعليمي فحص شبكة CSS.
إنّ محتوى هذه الصفحة مرخّص بموجب ترخيص Creative Commons Attribution 4.0 ما لم يُنصّ على خلاف ذلك، ونماذج الرموز مرخّصة بموجب ترخيص Apache 2.0. للاطّلاع على التفاصيل، يُرجى مراجعة سياسات موقع Google Developers. إنّ Java هي علامة تجارية مسجَّلة لشركة Oracle و/أو شركائها التابعين.
تاريخ التعديل الأخير: 2022-08-18 (حسب التوقيت العالمي المتفَّق عليه)
[[["يسهُل فهم المحتوى.","easyToUnderstand","thumb-up"],["ساعَدني المحتوى في حلّ مشكلتي.","solvedMyProblem","thumb-up"],["غير ذلك","otherUp","thumb-up"]],[["لا يحتوي على المعلومات التي أحتاج إليها.","missingTheInformationINeed","thumb-down"],["الخطوات معقدة للغاية / كثيرة جدًا.","tooComplicatedTooManySteps","thumb-down"],["المحتوى قديم.","outOfDate","thumb-down"],["ثمة مشكلة في الترجمة.","translationIssue","thumb-down"],["مشكلة في العيّنات / التعليمات البرمجية","samplesCodeIssue","thumb-down"],["غير ذلك","otherDown","thumb-down"]],["تاريخ التعديل الأخير: 2022-08-18 (حسب التوقيت العالمي المتفَّق عليه)"],[],[],null,[]]
