Question 1

في المقطع البرمجي HTML التالي، استخدم صفحة الأنماط الداخلية (Internal style sheet) لتحرير المقطع البرمجي بحيث يغير لون الخلفية إلى اللون الوردي الفاتح (light pink) عندما تكون نافذة المتصفح 600 بكسل أو أقل.

Accepted Answer

س5: إضافة استعلام وسائط (Media Query) بشرط `max-width: 600px` لجعل
`background-color` لـ `body` = `lightpink` ، مثل:
media )max-width: 600px( } body } background-color:@
`lightpink; { {

Question 2

ما هو الغرض من استخدام استعلام الوسائط (Media Query) في CSS كما في التدريب؟

Accepted Answer

تطبيق أنماط CSS مختلفة بناءً على خصائص الجهاز، مثل عرض نافذة المتصفح.

Question 3

في سياق التدريب، ما الشرط الصحيح في استعلام الوسائط (Media Query) لتغيير لون الخلفية عندما يكون عرض النافذة 600 بكسل أو أقل؟

Accepted Answer

max-width: 600px

Question 4

أي من المقتطفات البرمجية التالية يطبق بشكل صحيح تغيير لون خلفية الصفحة إلى اللون الوردي الفاتح (lightpink) عند عرض نافذة 600 بكسل أو أقل باستخدام صفحة أنماط داخلية؟

Accepted Answer

@media (max-width: 600px) { body { background-color: lightpink; } }

تدريب 5 - كتاب التقنية الرقمية - الصف 11 - الفصل 1 - المملكة العربية السعودية

📚 معلومات الصفحة

📝 ملخص الصفحة

📚 تدريب 5: استخدام CSS الداخلي مع استعلامات الوسائط

المفاهيم الأساسية