تكليفات الدروس من [ 13 ] إلى [ 16 ]
[ 2 ] تكليفات على [ Nesting, Dimensions, Overflow ]
التكليف 01
<div class="parent">
<div class="child">This Is Child <span class="title">Title</span></div>
<span class="title">Child Title</span>
<p>Paragraph Content</p>
</div>
<div class="title">Section Title</div>- شاهد البنية السابقة في المثال ولا تقم بالتعديل عليها
- قم بتلوين كلمة Title باللون الأحمر
- قم بتلوين جملة Child Title باللون الأزرق
- قم بتلوين جملة Paragraph Content باللون الأخضر
- قم بتلوين جملة Section Title باللون الأخضر
- قم بجمع الألوان المتشابهه مع بعضها
التكليف 02
- قم بعمل الشكل الموجود في الصورة كما هو بنفس الألوان
- يجب عدم تغيير ال Display الخاص بالعنصر ويظل نوعه Block كما هو
- يجب أن لا يزيد عرض العنصر عن 400px
- في آخر عنصر سوف تجد الكلمات خرجت من الصندوق وهي الآن ظاهرة, المطلوب إخفاء أي شيء يخرج من الصندوق
