نظرة عامة على فليكس بوكسدليل الدراسة

Cتصاعدي ستايل Sheets (CSS) هي لغة تصميم بسيطة مصممة لتبسيط عملية عرض صفحة الويب. يتعامل CSS مع أجزاء الشكل والمظهر في صفحة الويب.

باستخدام CSS ، يمكنك التحكم في لون النص ونمط الخط وتباعد الفقرات وكيفية تحديد حجم الأعمدة وتخطيطها وصور الخلفية أو الألوان المستخدمة وتصميم التخطيط وأشكال العرض وأحجام الشاشة للأجهزة المختلفة ومجموعة متنوعة من التأثيرات الأخرى.

لتحديد موضع وحجم المربع ، في CSS ، يمكنك استخدام أحد أوضاع التخطيط المتاحة -

يتم استخدام كل هذه الأنماط لمحاذاة عناصر محددة مثل المستندات والنصوص والجداول وما إلى ذلك ، ومع ذلك ، لا يوفر أي من هذه الأنماط حلا كاملا لوضع مواقع الويب المعقدة. في البداية ، تم ذلك باستخدام مجموعة من العناصر العائمة والعناصر المثبتة وتخطيطات الجدول (عادة). لكن العائمة تسمح فقط بمربعات تحديد المواقع الأفقية.

بالإضافة إلى الأوضاع المذكورة أعلاه ، يوفر CSS3 وضع تخطيط آخر ، الصندوق المرن ، المعروف باسم فليكس بوكس。

باستخدام هذا النمط ، يمكنك بسهولة إنشاء تخطيطات للتطبيقات وصفحات الويب المعقدة. على عكس التعويم ، تتمتع تخطيطات Flexbox بالتحكم الكامل في اتجاه الصندوق ومحاذاته وترتيبه وحجمه.

فيما يلي الميزات البارزة لتخطيط Flexbox-

فيما يلي المتصفحات التي تدعم Flexbox.