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

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

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

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

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

التكليف 01

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

مساعدة

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

التكليف 02

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

التكليف 03

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

التكليف 04

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

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

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

إعلانات جوجل

إعلانات جوجل