یکشنبه ۰۹ اردیبهشت ۰۳ ۱۱:۵۹ ۱۲۳ بازديد
grid در CSS سیستمی میباشد برای ساخت طرح بندی های غامض با تقسیم یک ورقه اینترنت به چندین ستون و ردیف. گرید طراحی سایت اختصاصی یک سیستم طرح بندی بر پایه ی کانال دو آتی را ارائه می دهد که به بسط دهندگان اذن می دهد طرح بندی هایی تولید نمایند که هم انعطاف‌پذیر و هم جواب‌گو باشند. CSS Grid به توسعه و گسترش دهندگان این قابلیت را میدهد که ستون ها و ردیف ها را با به کارگیری از واحدهای اندازه گیری متعدد، مثلا پیکسل، درصد و واحد انعطاف پذیر “fr” معین نمایند.
مورد های گرید را می قدرت با استعمال از خصوصیت های “grid-column” و “grid-row” در سلول های خاصی از کانال قرار اعطا کرد یا این که می قدرت آن ها را مطابق اندازه و فضای جانور به صورت اتومات قرار اعطا کرد. همینطور می‌اقتدار کانال را با به کارگیری از خصوصیت های متعدد، برای مثال رنگ های پس مورد، لبه ها و مسافت در میان سلول ها، استایل دهی کرد. با تعریف و تمجید بخشها متفاوت کانال، بسط دهندگان می توانند طرح بندی هایی ساخت‌و‌ساز نمایند که با اندازه های متعدد برگه اکران و گونه های دستگاه ها سازگار باشد.
در کل، CSS Grid یک ابزار توانمند برای تولید طرح بندی های انعطاف پذیر و پویا در ساخت سایت میباشد که آن را به ابزاری گران بها برای ایجاد کرد اینترنت وبسایت های امروزی و عکس العمل گرا تبدیل می نماید.
الگوریتم جانمایی اتوماتیک در CSS Grid چیست؟
CSS Grid یک الگوریتم جانمایی اتوماتیک را نیز با خویش به یاروهمدم دارااست. این الگوریتم، قابلیت و امکان پُر کردن فضای در دسترس را سوای نیاز به ایفا محاسبات زیاد، پدید می آورد. CSS Grid حتی تا حدودی انعطاف پذیری در اساس Z را نیز مهیا می نماید. به طوریکه می قدرت در شکل نیاز اقلام CSS Grid را روی این پایه به طور همپوشان (متداخل) جانمایی کرد.
کاربرد CSS Grid چیست؟
همان گونه که تیتر شد، CSS Grid در واقع یک ویژگی بوده که به ما اذن کانال بندی کردن ورقه را میدهد. یعنی شما قوی خواهید بود تا پهنا کاغذ خویش را به تعداد مشخصی تقسیم بندی نمائید. برای مثال میتوانید پهنا شیت وب سایت را به ۱۲ بخش متساوی تقسیم کرده و مطمئن گردید که در بعد ها متعدد، طرح شما صحیح اکران داده شود. در وضعیت گرید شما میتوانید تعداد و بعد ها ردیف های خودتان را نیز معلوم و معلوم فرمایید.
برای مثال گزینش نمایید که ۳ ردیف با بعدها ۲۰۰ پیکسل برای شما تولید خواهد شد. در طراحی وب عکس العمل گرا (Responsive) چیزی که التفات دارااست، اکران صحیح تارنما در اندازه های متعدد است. یعنی در بعد ها موبایل، تبلت و حتی لب تاب های تعالی، وب سایت می بایست صحیح اکران داده گردد. کاربرد گرید نیز زمانی نمایان گردد که شما دست به پیاده سازی واکنشگرا بزنید. در Grid شما میتوانید حتی تعداد سطر و ردیف های خویش را به طور خود کار در لحاظ بگیرید که بر پایه ی پهنا و طول برگه اکران دستگاه مخاطب، این تعداد تغییر‌و تحول نماید.
آیا CSS grid جزء استانداردهای اینترنت اکانت می خواهد شد؟
هر یکسری CSS grid تحت عنوان یکی استانداردهای اینترنت شناخته نشده میباشد، البته از اکتبر سال ۲۰۱۷ به بعد از آن مرورگرهای گوگل کروم، فایرفاکس، سافاری، اپرا و Microsoft edge تمامی از CSS grid مدد می نمایند. W3C مسئولیت تدوین استانداردهای نو اینترنت را به ذمه داراست و این کنسرسیوم به کار گیری از CSS grid را پیشنهاد نموده است. برنامه نویس ها اینترنت که دوست دارا‌هستند پوسته آن ها حتی‌د‌ر مرورگرهای سابق مثل IE هم به خیر اکران داده گردد، می توانند از Modernizr به کارگیری نمایند. Modernizr یک کتابخانه جاوا اسکریپت برای اکران درست HTML5 و CSS3 در مرورگرهای متعدد میباشد.
پیش نیازهای یادگرفتن CSS Grid چیست؟
قبل از آغاز فراگیری CSS Grid بایستی شناخت مایحتاج با فناوری CSS و استایل دهی ورقه اینترنت با به کارگیری از CSS را داشته باشید. همینطور، با دقت به اینکه از CSS برای استایل دهی و پوسته بندی علامت گذاری های HTML به کار گیری می گردد، بایستی با کدنویسی HTML نیز شناخت کافی داشته باشید. در مجموع HTML و CSS به عنوان مثال فناوری های بنیادی در ناحیه پیاده سازی و گسترش اینترنت به شمار می فرآیند و از التفات ویژه ای منتفع می‌باشند. به ویژه، برای فهم و شعور مفاهیم و یادگرفتن های ارائه گردیده درین نوشته‌علمی، شناخت با CSS لزوم داراست.
- ۰ ۰
- ۰ نظر