دوره آموزشی چیدمان های CSS: از Float تا Flexbox و Grid

برای چندین دهه، توسعه‌دهندگان CSS با شناورها دست به گریبان بودند تا طرح‌بندی‌های انعطاف‌پذیری را ایجاد کنند که در مرورگرها کار کند. اما هک درخشان آنها دارای معایب زیادی بود. آخرین نسل از مشخصات CSS مجموعه ای بهتر و بسیار شهودی از ابزارها را ارائه می دهد، اما حرکت از شناور به Grid، Flexbox یا هر دو به معنای تنظیم نحوه تفکر شماست. در این دوره، کریستینا تروونگ شما را در این فرآیند راهنمایی می کند، از مفاهیم اولیه تا تبدیل کامل، و راه های مختلف ایجاد طرح بندی صفحه با CSS مدرن را برجسته می کند. نحوه کار با نمایشگر و ویژگی های شناور را بررسی کنید. از موقعیت نسبی، مطلق و ثابت برای چیدمان اجزا استفاده کنید. ایجاد طرح‌بندی پایه Grid و Flexbox. و بیشتر.

اهداف یادگیری
طرح بندی با HTML و CSS
با استفاده از نمایشگر و ویژگی های شناور
استفاده از موقعیت یابی نسبی و مطلق
ساخت طرح بندی صفحه با Flexbox
تفاوت Grid با Flexbox
ایجاد یک طرح بندی اولیه Grid
موقعیت یابی با گرید