تقييم الدرس 20
ترتيب العناصر بـ Flexbox
أجب عن الأسئلة ثم اضغط «صحّح ورقتي» في آخر الصفحة. ← العودة إلى الدرس
أسئلة التقييم
تقييم الدرس 20: ترتيب العناصر بـ Flexbox. إجاباتك تُحفظ تلقائيًّا على هذا الجهاز؛ أجب ثم اضغط «صحّح ورقتي».
1السؤال الأول: اختر الإجابة الصحيحة
1) ما الخاصية التي تجعل الأبناء يصطفون في صف؟
2) في صفحة عربية
RTL، أين يبدأ الصف المرن؟3) لجعل العناصر عمودًا بدل صف:
4) أين يظهر النص؟
.box { display: flex; justify-content: center; align-items: center; height: 200px;}
5) أي خاصية تحدد المسافة بين العناصر المرنة؟
2السؤال الثاني: صح أم خطأ
1)
display: flex تُكتب على الحاوية الأم لا على الأبناء.الصواب: صح
2)
justify-content: space-between يضع العناصر على الطرفين.الصواب: صح
3)
flex-wrap: wrap يمنع العناصر من النزول إلى سطر جديد.الصواب: خطأ
4)
align-items في الصف الأفقي يتحكم في المحاذاة الأفقية.الصواب: خطأ
3السؤال الثالث: أكمل الفراغات من القائمة المنسدلة
1) لتقاسم العناصر المساحة بالتساوي نكتب على كل عنصر .
الإجابة:
flex: 12) للتوزيع على الاتجاه الرئيسي نستخدم .
الإجابة:
justify-content3) قيمة توسيط العناصر هي .
الإجابة: center
4السؤال الرابع: أسئلة عملية
1) لماذا البطاقات ما زالت تحت بعضها؟
.row { gap: 10px; }.card { display: flex; }
أجب عن الأسئلة ثم اضغط «صحّح ورقتي».