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

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

إنضم لكورسات الأكاديمية وإستفيد من الخصم الخاص في البداية من هنا
نوصي بكورس تعلم أساسيات البرمجة من أكاديمية Codezilla من هنا
إحترف التسويق وإدارة الأعمال مع الدبلومة الإحترافية وإحصل على خصم عن طريقنا من هنا
لحجز إستضافة من Hostinger والحصول على الخصم عن طريقي إتبع الشرح من هنا

من جوجل

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

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

التكليف 01

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

التكليف 02

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

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

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

من جوجل

0 تعليقات


    اترك تعليقاً