۰ emad ta
فصل flexBox خلاصه قسمت‌های 2 تا 6
جامعه Html & CSS ایجاد شده در ۰۸ شهریور ۱۳۹۹

سلام دوستان خلاصه مطالبی که استاد توی این جلسه گفتن رو قرار دادم اگه مطلب اضافه‌تری رو دارین که بنده جا انداختم

لطفا اضافه کنید

 

order : به معنی سفارش هستش یعنی بیایم و جاهای فرزندان رو   با هم دیگه عوض بکنیم  برای مثلا اگر پرنت ما دارای 4 فرزند می‌باشد و ما برای فرزند اول میایم و مقدار عددی 4 میزاریم فرزند اول میاد و جای فرزن 4 ام را میگیریم و بقیه فرزند‌ها یک خانه به سمت چپ می‌روند به اینصورت عددی 

1  2  3  4 

2  3  4  1

 

flex-grow : یعنی رشد کردن که یکی از پراپرتی‌ها برای فرزندان هستش  که برای مقدار  بزرگ شدن بر مبنای فضای خالی موجود در پرنت اش میاد و تصمیم میگیرد یک جور  جایگزین برای دادن عرض‌های درصدی هستش 

 

flex-shrink : یعنی کوچک شدن که یکی از پراپرتی‌ها برای فرزندان هستش زمانی که عرض container  پدر دیگه نمیتونه بیاد و طوری رعایت کنه که فرزندان عرض ثابت خودشونو رعایت کنند و فرزندان کوچک شوند بیا  و اون فرزندی که این پراپرتی داره متناسب با مقدارش عرض اش رو تغیر بده تا فرزندان همچنان عرض ثابت خودشونو  حفظ کنند 

 

flex-basis : یعنی پایه و اساس ی موقعی هست ما میخواهیم مقدار عرض یک عنصر رو بیایم و با فلکس مقدار دهیش بکنیم برای همین میایم و از این پراپرتی  استفاده میکنیم 

 

flex : برای خلاصه نویسی پراپرتی‌های دیگر کاربرد دارد که  مقدار اولی که میگیرد برابر flex-grow  مقدار دوم flex-shrink  و مقدار سوم برابر flex-basis  هستش 

 

align-self : برای کنترل align اون آیتم مورد نظر ما که برای  خودش بیاد و تصمیم بگیرد 

 

نکته : یک موقع هست ما موقعی که میخاهیم بیایم و از flex استفاده کنیم بیشتر هدفمون گرفتن عرض هستش برای همین میتوانیم با مقادیر درصدی مشخص کنیم که چن درصد از محتوای پدرشو بیاد و پر کنه