تكليفات CSS الدروس من 27 إلى 29

[ 2 ] تكليفات خاصة ب [ Float, Opacity ]

المقاطع المطلوب مشاهدتها

الدروس من رقم 27 إلى رقم 29 من الدورة التعليمية الموجودة هنا

التكليف 01

  • قم بعمل الشكل التالي مع مراعاة المعلومات التالية
  • العنصر الأب الذي يحتوي على جميع العناصر الداخلية عرضه 800px
  • العنصر الأب لا يوجد فيه Padding
  • المسافات بين العناصر الداخلية من اليمين واليسار ( Gap ) قدرها 15px
  • المسافات بين العناصر الداخلية من الأسفل والأعلى قدرها 15px
  • يجب ألا تحسب عرض العنصر بنفسك ويجب أن يكون Dynamic لأننا سنقوم بتغيير عرض العنصر الأب
  • قم بتغيير عرض العنصر الأب إلى 1000px وتأكد أنه لم يخرب أي شيء

التكليف 02

  • إستخدم البنية السابقة والتنسيقات الخاصة بها لعمل نفس الشكل
  • خلفية جميع العناصر هي نفس خلفية العنصر الأول ولكن مع إختلاف الشفافية
  • نسبة شفافية العنصرين الأخيرين هي 0.1 ولكن كيف تظهر الشكل كما في الصورة

تسليم ومراجعة الحلول

الحلول النموذجية هي هدية للداعمين يمكنك الإنضمام للداعمين لترى جميع الحلول من هنا

0 تعليقات


    اترك تعليقاً