CSS Grid صنعت طراحی وب سایت را متحول می کند.

در 20 سال گذشته، طراحان وب از CSS برای چیدمان صفحات وب استفاده کرده اند. با این حال، CSS همیشه برخی از عملکردهای کلیدی را از دست داده است. طراحان مجبور بودند به راه حل هایی مانند جداول، شناورها و موقعیت یابی تکیه کنند. CSS Grid متفاوت و بهتر است.

CSS Grid به شما امکان می دهد با استفاده از ستون ها و ردیف ها، یک سیستم طرح بندی مبتنی بر شبکه ایجاد کنید. شما مجبور نیستید از هیچ راه حلی استفاده کنید. لازم نیست از هک های مختلف برای مرورگرهای مختلف استفاده کنید. شما نیازی به نصب هیچ فریمورک اضافی ندارید.

CSS Grid از سال 2011 وجود داشته است، اما اخیراً محبوبیت زیادی پیدا کرده است. تقریباً تمام مرورگرهای اصلی از CSS Grid پشتیبانی می کنند. تنها استثناها اینترنت اکسپلورر 11 و اپرا مینی هستند.

در این کتاب کوتاه، می‌خواهید بر ایده‌های کلیدی پشت شبکه CSS تسلط پیدا کنید.

در فصل اول با اصطلاحات اولیه شروع می کنیم. تفاوت بین Grid Areas و Grid Cells، بین Grid Tracks و Grid Gaps را خواهید آموخت.

سپس، با استفاده از یک رویکرد عملی، شروع به ساخت شبکه های CSS خواهید کرد. شما همه چیز را از ابتدایی ترین شبکه CSS گرفته تا طرح بندی کامل سایت خواهید ساخت.
CSS Grid جدول مطالب توضیح داده شده

مقدمه ای بر CSS Grid Terminology
ایجاد اولین شبکه CSS شما
با استفاده از Firefox Grid Inspector
نحوه ایجاد شبکه های صریح و ضمنی
نحوه استفاده از ویژگی Autoflow در CSS Grid
نحوه استفاده از واحد FR برای طرح‌بندی
نحوه اندازه گیری آهنگ ها با کلمه کلیدی خودکار
نحوه اندازه گیری آیتم های گرید با کلمه کلیدی Span
نحوه استفاده از اعداد خط در شبکه CSS
نحوه لایه بندی آیتم ها در شبکه CSS
نحوه استفاده از نام خطوط در CSS Grid
نحوه قرار دادن اقلام با مناطق الگوی شبکه
نحوه استفاده از تابع minmax()
نحوه استفاده از کلمات کلیدی تکمیل خودکار و تنظیم خودکار
جریان خودکار شبکه: دارایی متراکم
نحوه تراز کردن موارد در CSS Grid
ویژگی های justify-content و align-content
نحوه تودرتو گرید

• :
• تاریخ ایجاد: 1399-02-02
• اصلاح شده در: 1399-02-02
• اندازه: 18.215 KB
• نمایش ها: 1,128
• تعداد دانلود: 4
• قيمت: 15 $ »» Free with active subscription