تكليفات CSS الدروس من 30 إلى 33

[ 4 ] تكليفات خاصة ب [ Position, List, Table ]

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

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

التكليف 01

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

مساعدة

العنصر الأزرق يبعد عن الصفحة من اليسار ومن الأعلى بمسافة 20px

التكليف 02

  • إستخدم البنية السابقة بدون التعديل عليها لعمل نفس الشكل
  • عنصر ال div الرئيسي عرضه 400px
  • قم بتوسيط عنصر ال div عرضيا في الشاشة
  • تأكد أنك تستعمل نفس الالوان في جميع العناصر سواء كانت Background او Border أو أي شيء آخر

التكليف 03

  • إستخدم البنية السابقة وقم بإضافة Classes أو Attributes كما تريد للوصول للشكل المطلوب
  • عنصر ال ul الرئيسي عرضه 400px
  • قم بتوسيط عنصر ال ul عرضيا في الشاشة
  • تأكد أنك تستعمل نفس الالوان في جميع العناصر

التكليف 04

  • قم بعمل الشكل التالي بإستخدام الجدول فقط ولا تضيف أي عناصر أخرى
  • قم بتوسيط عنصر ال table عرضيا في الشاشة وتأكد أن عرضه هو 700px
  • تأكد أنك تستعمل نفس الالوان في جميع العناصر سوا كانت Background أو Border

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

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

0 تعليقات


    اترك تعليقاً