نکات DevTools: نحوه بازرسی شبکه CSS
با مجموعه‌ها، منظم بمانید
ذخیره و طبقه‌بندی محتوا براساس اولویت‌های شما.
Chrome DevTools اشکال‌زدایی طرح‌بندی‌های شبکه CSS را با گزینه‌های تجسم متنوع بصری می‌کند.
برای یادگیری نحوه تغییر همپوشانی شبکه در پانل عناصر و استفاده از آن، ویدیو را تماشا کنید:
- طرح‌بندی‌های شبکه را تجسم و بررسی کنید.
- شماره ردیف و ستون را ببینید تا هنگام قرار دادن موارد شبکه به آنها مراجعه کنید.
- اگر آیتم‌های شبکه‌ای زیادی دارید و اعداد گیج‌کننده هستند، از نام‌های خط و ناحیه استفاده کنید و آنها را روی پوشش ببینید.
- اندازه آهنگ را بررسی کنید
علاوه بر این، با ویرایشگر گرید در صفحه عناصر > سبک‌ها ، می‌توانید به جای تایپ کردن قوانین CSS، آیتم‌ها و محتوای آنها را در یک طرح‌بندی شبکه‌ای با کلیک روی یک دکمه تراز کنید.
برای تجربه یادگیری عملی تر، آموزش Inspect CSS Grid را دنبال کنید.
جز در مواردی که غیر از این ذکر شده باشد،محتوای این صفحه تحت مجوز Creative Commons Attribution 4.0 License است. نمونه کدها نیز دارای مجوز Apache 2.0 License است. برای اطلاع از جزئیات، به خطمشیهای سایت Google Developers مراجعه کنید. جاوا علامت تجاری ثبتشده 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,[]]
