آموزش چیدمان وب مدرن با Flexbox و CSS Grid

سرفصل ها و درس ها

مقدمه Introduction

• مقدمه Introduction

• اندکی تاریخچه A Little History

فلکس باکس Flexbox

• مقدمه Introduction

• Flexbox اصول Flexbox the Basics

• ظرف فلکس The Flex Container

• جهت جریان فلکس Flex Flow Direction

• بسته بندی Flex Line Flex Line Wrapping

• نمایش سفارش Display Order

• انعطاف پذیری Flexibility

• هم ترازی Alignment

• فلکس باکس در دنیای واقعی Flexbox in the Real World

• خلاصه Summary

چیدمان شبکه CSS CSS Grid Layout

• مقدمه Introduction

• چیدمان شبکه مبانی Grid Layout the Basics

• فعال کردن شبکه در مرورگرهای مختلف Enabling Grid in Various Browsers

• راه اندازی شبکه Setting up a Grid

• ویژگی های شبکه خودکار Auto Grid Features

• شبکه کوتاه Grid Shorthand

• نامگذاری خطوط شبکه مناطق مشبک Naming Grid Lines & Grid Areas

• خودکار ، موارد ، همپوشانی/لایه بندی موارد Auto, fr, & Overlapping/Layering Items

• تراز بندی جعبه طرح بندی شبکه Grid Layout & Box Alignment

• شبکه در دنیای واقعی Grid in the Real World

• خلاصه Summary

Gotchas ، پشتیبانی از مرورگر ، و منابع Gotchas, Browser Support, & Resources

• مقدمه Introduction

• گوتس Gotchas

• پشتیبانی مرورگر Browser Support

• منابع Resources

• خلاصه Summary