Jecelyn Yeen
Sofia Emelianova
این راهنما به شما نشان میدهد که چگونه شبکههای CSS را در یک صفحه کشف کنید، آنها را بررسی کنید و مشکلات طرحبندی را در پانل عناصر Chrome DevTools اشکالزدایی کنید.
نمونه هایی که در اسکرین شات های نمایش داده شده در این مقاله نشان داده شده اند از این دو صفحه وب هستند: جعبه میوه و جعبه میان وعده .
شبکه های CSS را کشف کنید
هنگامی که یک عنصر HTML در صفحه شما دارای display: grid یا display: inline-grid روی آن اعمال می شود، می توانید یک نشان grid را در کنار آن در پانل Elements مشاهده کنید.