آموزش گرید (Grid)در CSSبرای طراحیسایت فروشگاهی دیجی کالا با زبان Asp.Net MVC
105 بار بازدید -
3 سال پیش
-
گرید یک سیستم صفحه آرایی
گرید یک سیستم صفحه آرایی دو بعدی است که برای رفع مشکلات صفحه آرایی در طراحی واسط کاربری ساخته شده است..
Grid Container
همه چیز با یک عنصر نگهدارنده گرید آغاز می شود. این عنصر شامل عناصر گرید است یا به بیان دیگر پدر عناصر یا آیتم های گرید می باشد.
Grid Item
به فرزندان مستقیم عنصر نگهدارنده گرید آیتم های گرید گفته می شود. یعنی عناصری با کلاس grid-item در مثال بالا که همانطور که مشاهده می کنید فرزند مستقیم به حساب می آیند و نوه یا نتیجه نیستند.
نکته هایی که باید در مورد آیتم های گرید در نظر بگیرید این است که به محض اینکه سیستم گرید شکل می گیرد:
ویژگی های float و clear روی این عناصر اعمال نمی شوند.
و ویژگی vertical-align نیز تاثیری بر روی آیتم های گرید نخواهد گذاشت.
Grid Line
خطوط گرید خطوطی هستند که گرید را تقسیم بندی می کنند و این خطوط هم در راستای افقی وجود دارند و هم در راستای عمودی و از آنها برای تعیین مکان آیتم های گرید استفاده می شود. همچنین می توان از طریق نام و یا شماره به این خطوط اشاره کرد.
هر یک از این خطوط شماره مخصوص به خود را دارند که می توان به آنها از طریق همین شماره اشاره کرد.
دانلود از وبسایتwww.heilton.com
3 سال پیش
در تاریخ 1400/10/12 منتشر شده
است.
105
بـار بازدید شده