الاختبار: اختبار على درس Position Relative , Position fixed ,Overflow في CSS

الدورة التدريبية: دورة تدريبية لغة CSS لإنشاء تصاميم وتنسيق صفحات الإنترنت

الوصف:

الأسئلة والأجوبة الخاص بهذا الاختبار

• <p><strong>أي من الخيارات التالية يستخدم لإخفاء المحتوى الزائد على المحور الأفقي فقط؟</strong></p>

  أ) overflow-y: hidden;
  

  ب) overflow-x: hidden;
  

  ج) overflow: visible;
  

  د) overflow: scroll;
  
  

• <p><strong>أي خاصية تُستخدم لتحديد مكان العنصر المثبت عند استخدام <code>position: fixed;</code>؟</strong></p>

  أ) background
  

  ب) margin
  

  ج) top أو bottom أو left أو right
  

  د) z-index
  
  

• <p><strong>ما هو التأثير الرئيسي لاستخدام <code>position: fixed;</code>؟</strong></p>

  أ) تثبيت العنصر داخل العنصر الأب فقط.
  
  

  
  ب) إبقاء العنصر في مكان ثابت بغض النظر عن التمرير.
  

  ج) جعل العنصر يتحرك مع النص المحيط به.
  

  د) تغيير ألوان العنصر أثناء التمرير.
  
  

• <p><strong>ماذا يحدث عند استخدام الخاصية <code>overflow: hidden;</code>؟</strong></p>

  أ) يتم تقليص حجم العنصر ليناسب المحتوى.
  

  ب) يتم إخفاء المحتوى الزائد خارج حدود العنصر.
  

  ج) يتم نقل المحتوى إلى عنصر آخر.
  

  د) يتم عرض المحتوى الزائد مع تمرير أفقي ورأسي.
  
  

• <p><strong>ما هي وظيفة خاصية <code>overflow</code> في CSS؟</strong></p>

  أ) تحديد طريقة عرض المحتوى الذي يتجاوز حدود العنصر.
  

  ب) تغيير موقع العنصر بالنسبة إلى العناصر الأخرى.
  

  ج) تثبيت العنصر في مكانه على الشاشة.
  

  د) التحكم في ألوان العنصر.
  
  

• <p>إذا أردت إخفاء المحتوى الزائد عن حدود العنصر دون إضافة شريط تمرير، ما القيمة المناسبة لخاصية <code>overflow</code>؟</p>

  scroll

  hidden

  auto
  

• <p>ما هي القيم التي يمكن استخدامها مع خاصية <code>overflow</code>؟</p>

  hidden, visible, scroll, auto.
  

  none, visible, hidden, auto.
  

  absolute, relative, hidden, scroll.
  

• <p>ما الفرق بين <code>position: relative</code> و <code>position: absolute</code> في CSS؟</p> <p>&nbsp;</p>

  يتم استخدام position: relative لتحريك العنصر بناءً على مكانه الطبيعي في الصفحة، بينما يتم استخدام position: absolute لتحريك العنصر بناءً على أقرب عنصر أب يحمل خاصية position: relative.
  

  يتم استخدام position: relative لتحريك العنصر داخل نافذة المتصفح، بينما يتم استخدام position: absolute لتحريكه بناءً على مكانه الطبيعي.
  

  لا يوجد فرق بينهما، فكلتاهما تُستخدمان لتحريك العناصر بنفس الطريقة.