آموزش گرید (Grid)در CSSبرای طراحی‌سایت فروشگاهی دیجی کالا با زبان Asp.Net MVC

گرید یک سیستم صفحه آرایی دو بعدی است که برای رفع مشکلات صفحه آرایی در طراحی واسط کاربری ساخته شده است.. Grid Container همه چیز با یک عنصر نگهدارنده گرید آغاز می شود. این عنصر شامل عناصر گرید است یا به بیان دیگر پدر عناصر یا آیتم های گرید می باشد. Grid Item به فرزندان مستقیم عنصر نگهدارنده گرید آیتم های گرید گفته می شود. یعنی عناصری با کلاس grid-item در مثال بالا که همانطور که مشاهده می کنید فرزند مستقیم به حساب می آیند و نوه یا نتیجه نیستند. نکته هایی که باید در مورد آیتم های گرید در نظر بگیرید این است که به محض اینکه سیستم گرید شکل می گیرد: ویژگی های float و clear روی این عناصر اعمال نمی شوند. و ویژگی vertical-align نیز تاثیری بر روی آیتم های گرید نخواهد گذاشت. Grid Line خطوط گرید خطوطی هستند که گرید را تقسیم بندی می کنند و این خطوط هم در راستای افقی وجود دارند و هم در راستای عمودی و از آنها برای تعیین مکان آیتم های گرید استفاده می شود. همچنین می توان از طریق نام و یا شماره به این خطوط اشاره کرد. هر یک از این خطوط شماره مخصوص به خود را دارند که می توان به آنها از طریق همین شماره اشاره کرد. دانلود از وبسایتwww.heilton.com

• #تحصیلات_و_یادگیری
• #آموزش_گرید_gridدر_css
• #grid_item
• #آموزش_صفحه_آرایی_با_گرید_grid
• #آموزش_digikala_با_زبان_aspnet_mvc