دوره آموزش سی اس اس – طرح بندی از Float تا Flexbox و Grid
Lynda – CSS – Layouts From Float to Flexbox and Grid
به زبان انگلیسی با زیرنویس فارسی توسط هوش مصنوعی و زیرنویس انگلیسی کامل
برای چندین دهه ، توسعه دهندگان CSS با شناورها روبرو شدند تا طرح های انعطاف پذیر ایجاد کنند که در مرورگرها کار می کردند. آخرین نسل مشخصات CSS مجموعه ای از ابزارهای بهتر و بسیار بصری تر را ارائه می دهد ، اما حرکت از Float ها به Grids، Flexbox یا هر دو به معنای تنظیم نحوه تفکر شما است.
در این دوره آموزش سی اس اس – طرح بندی از Float تا Flexbox و Grid، مدرس Christina Truong هر چند این روند را از مفاهیم اولیه تا تکمیل تبدیل ، راهنمایی می کند ، و روش های مختلفی را برای ایجاد طرح بندی صفحه با CSS مدرن برجسته می کند.
نحوه کار با خصوصیات صفحه نمایش و شناور را کاوش کنید. از موقعیت یابی نسبی ، مطلق و ثابت برای تهیه اجزای استفاده کنید. طرح های اصلی شبکه و Flexbox ایجاد کنید. و بیشتر.
فهرست سرفصل های دوره : آموزش Lynda – CSS – Layouts From Float to Flexbox and Grid
دوره آموزش سی اس اس – طرح بندی از Float تا Flexbox و Grid
- مقدمه
خوش آمدی
آنچه شما باید بدانید
با استفاده از فایل های تمرین
- 1. مروری بر طرح بندی صفحه
طرح بندی با HTML
طرح بندی با CSS
پشتیبانی مرورگر و استانداردهای CSS
- 2. شناور، نمایش، و موقعیت
عناصر درون خطی و بلوک
ویژگی های مدل جعبه
ویژگی نمایش
مدل جعبه و طرح بندی
ملک شناور
پاکسازی شناورها
راه اندازی پروژه شما
تمرین: با شناور یک طرح بسازید
مقام: نسبی و مطلق
موقعیت: ثابت، چسبنده و ایستا
- 3. فلکس باکس
شروع کار با Flexbox
جهت گیری با جهت فلکس و فلکس روپ
سایز بندی انعطاف پذیر
اندازه گیری چندین آیتم فلکس
اموال سفارش
ظروف فلکس تودرتو
تمرین: با Flexbox یک طرح بسازید
تمرین: با Flexbox یک طرح بسازید
- 4. شبکه
گرید در مقابل فلکس باکس
گرید، سیستم های گرید و شبکه CSS
یک طرح بندی Grid اولیه ایجاد کنید
ستون ها، ردیف ها و ناودان ها با Grid
موقعیت یابی با گرید
تمرین: با Grid یک طرح بسازید
بازرس گرید فایرفاکس
- نتیجه
مراحل و منابع بعدی
دوره آموزش سی اس اس – طرح بندی از Float تا Flexbox و Grid
Lynda – CSS – Layouts From Float to Flexbox and Grid، به زبان انگلیسی با زیرنویس فارسی توسط هوش مصنوعی و زیرنویس انگلیسی کامل ارائه شده است!
ممنون از زحمات شما،
کامل توضیح داده