انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #4 من درس: الصناديق المرنة - فليكس بوكس في لغة CSS

CSS Flex items عناصر حاوية flex box في لغة CSS

ستتعلم في هذا الدرس نظام بناء صفحات الويب بنظام flex box الصناديق المرنة - فليكس بوكس وهي من الأنظمة الأكثر مرونة, وهو نظام حديث لتقسم صفحات الويب ليجعلها متجاوبه مع جميع الاجهزة.

1 صفوف تعليمية
لغة CSS
10,507 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

CSS Flex items العناصر الداخلية لحاوية الفليكس بوكس تسمي flex items وهي خاضعة لجميع خصائص الحاوية وفي لغة CSS لهذة العناصر مجموعة خصائص سنتعرف عليها في الدروس المقبلة.

CSS Create Flex Items

قم بإزالة خاصية height من flex container لكي يتمدد علي حسب المحتوي الداخلي.

جرّب بنفسك

CSS Create Flex Items

قم بإزالة خاصية height من flex container لكي يتمدد علي حسب المحتوي الداخلي.

HTML 
.item
{
  background-color: #f1f1f1;
  margin: 10px;
  padding: 20px;
  font-size: 30px;
}
جرّب بنفسك

جميع فقرات هذا الدرس (الصناديق المرنة - فليكس بوكس في لغة CSS)