طَبِّقْهاتعلّم المبدأ، وطبّقه بيدكمقرر 131 · تقنيات تطوير الواجهات الأمامية
تقييم الدرس 19

نموذج الصندوق

أجب عن الأسئلة ثم اضغط «صحّح ورقتي» في آخر الصفحة. ← العودة إلى الدرس

أسئلة التقييم

تقييم الدرس 19: نموذج الصندوق. إجاباتك تُحفظ تلقائيًّا على هذا الجهاز؛ أجب ثم اضغط «صحّح ورقتي».

1السؤال الأول: اختر الإجابة الصحيحة

1) أي طبقة تمتد إليها خلفية العنصر؟
2) padding: 5px 10px 15px 20px; ما الحشوة اليسرى؟
3) حد منقّط بلون رمادي:
4) كم العرض الكلي للصندوق؟
.box {  box-sizing: border-box;  width: 200px;  padding: 20px;}
5) أي عنصر سطري inline بطبيعته؟

2السؤال الثاني: صح أم خطأ

1) الهامش margin مسافة داخل حد الصندوق.
الصواب: خطأ
2) margin: 0 auto يوسّط الصندوق إذا كان له عرض محدد.
الصواب: صح
3) المحدِّد * يختار كل العناصر.
الصواب: صح
4) العنصر inline يقبل العرض width دائمًا.
الصواب: خطأ

3السؤال الثالث: أكمل الفراغات من القائمة المنسدلة

1) خشب البرواز في التشبيه يقابل .
الإجابة: border
2) ليشمل العرضُ الحشوةَ والحدَّ نكتب box-sizing: .
الإجابة: border-box
3) أداة المتصفح لفحص العناصر تُفتح بالمفتاح .
الإجابة: F12

4السؤال الرابع: أسئلة عملية

1) لماذا لا يظهر الحد؟
.card {  border: 3px red;}
أجب عن الأسئلة ثم اضغط «صحّح ورقتي».