تكليفات CSS الدروس من 42 إلى 45

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

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

التكليف 01

  • تأكد أنك تستعمل نفس الألوان الموجودة في الشكل
  • يجب عليك كتابة ال Prefixes للخواص التي تحتاج ل Prefix
  • تأكد أن العنصر الأب يذهب للأعلى في نصف ثانية عند ال Hover
  • تأكد أن العنصر الأبن يذهب للأسف بعد الإنتظار نصف ثانية

التكليف 02

  • إستخدم البنية السابقة بدون التعديل عليها لعمل نفس الشكل
  • تأكد أنك تستعمل نفس الألوان الموجودة في الشكل
  • لديك الحرية في عمل ما تريد في ال CSS
  • تأكد أن جملة Hello Div تغيرت إلى Elzero
  • عرض العنصر هو 400px وهو موسط بطريقة عرضية
  • حجم الخط هو 20px

مساعدة

إستخدم ما تعلمته سابقا وإبحث عن كيفية إخفاء نص داخل عنصر فهناك طرق كثيرة

التكليف 03

  • إستخدم بنية ال HTML السابقة بدون التعديل عليها لعمل الشكل التالي
  • في ال CSS لا تقم بالتعديل على جزء المتغيرات أبدا وقم بالتعديل على ال div Selector فقط
  • تأكد أنك تستخدم المتغيرات لأننا سنقوم بإزالتها لاحقا
  • بعد الإنتهاء تماما سنقوم بعمل بعض التعديلات للتأكد أنك قمت بعمل Fall Back لقيم المتغير
  • قم بعمل إلغاء للعنصر :root مع المتغيرات داخله
  • تأكد أن الشكل سيكون كما في الصورة التالية

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

يمكنك مراجعة الحلول والنقاش في كل ما يخصها في مجموعتنا على Facebook هنا

مشاركة الصفحة

إعلانات جوجل