تقييم الدرس 16
ميزات CSS3 وتوافق المتصفحات
أجب عن الأسئلة ثم اضغط «صحّح ورقتي» في آخر الصفحة. ← العودة إلى الدرس
أسئلة التقييم
تقييم الدرس 16: ميزات CSS3 وتوافق المتصفحات. إجاباتك تُحفظ تلقائيًّا على هذا الجهاز؛ أجب ثم اضغط «صحّح ورقتي».
1السؤال الأول: اختر الإجابة الصحيحة
1) في
box-shadow: 0 6px 14px gray; ما الرقم 14px؟2) أي قيمة تكبّر العنصر 10٪؟
3) خاصية تدرّج الخلفية:
4) ماذا يحدث عند مرور الفأرة؟
.btn { transition: transform 0.5s; }.btn:hover { transform: rotate(10deg); }
5) لماذا نكتب لونًا عاديًّا قبل التدرّج؟
2السؤال الثاني: صح أم خطأ
1)
border-radius: 50% على مربع تصنع دائرة.الصواب: صح
2) المتصفح القديم يعرض خطأ إذا وجد خاصية لا يفهمها.
الصواب: خطأ
3)
transition تجعل التغيّر يحدث تدريجيًّا.الصواب: صح
4) كل الخصائص الحديثة تحتاج البادئة -
webkit- اليوم.الصواب: خطأ
3السؤال الثالث: أكمل الفراغات من القائمة المنسدلة
1) ظل النص يُكتب بالخاصية .
الإجابة:
text-shadow2) لرفع العنصر للأعلى نستخدم
transform: .الإجابة:
translateY(-6px)3) موقع معرفة دعم المتصفحات للخصائص هو .
الإجابة: caniuse.com
4السؤال الرابع: أسئلة عملية
1) الحركة ناعمة عند دخول الفأرة لكنها مفاجئة عند الخروج. أين الخطأ؟
.card:hover { transform: scale(1.1); transition: transform 0.3s;}
أجب عن الأسئلة ثم اضغط «صحّح ورقتي».