تكليفات الدروس من [ 5 ] إلى [ 8 ]
[ 4 ] تكليفات على [ Background, Margin, Padding ]
التكليف 01
<div class="assign-1-shape-1">Normal Div</div>
<div class="assign-1-shape-2">Normal Div</div>
<div class="assign-1-shape-3">Normal Div</div>- إستخدم البنية السابقة لعمل الشكل المطلوب بالأسفل
- ال Div عرضه هو 500px
- قم بتوسيط ال Div داخل الصفحة بطريقة عرضية
- قم بعمل هوامش داخلية قدرها 20px
- قم بعمل خلفية لل Div لونها blueviolet
- قم بتكرار السطر الخاص بالألوان بكل الطرق التالية [ RGB | HSL | Hex ]
- قم بعمل Div آخر تحته بنفس الخلفية ولكن نسبة الشفافية Alpha Channel تكون النصف
- قم بعمل Div آخر تحته بنفس الخلفية ولكن نسبة الشفافية Alpha Channel تكون 1 من 10
التكليف 02
<div class="assign-2-shape-1">Normal Div</div>
<div class="assign-2-shape-2">Normal Div</div>
<div class="assign-2-shape-3">Normal Div</div>
<div class="assign-2-shape-4">Normal Div</div>الصورة التالية خليها معاك علشان تستخدمها في حلول التكليفات
- إستخدم البنية السابقة لعمل المطلوب
- ال Div طوله وعرضه هو 400px
- قم بوضع الصورة الموجودة في بداية التكليفات خلفية للعنصر
- في Shape 1 قم بجعل الخلفية لا تتكرر نهائيا
- في Shape 2 قم بجعل الخلفية تتكرر طوليا فقط
- في Shape 3 قم بجعل الخلفية تتكرر عرضيا فقط
- في Shape 4 قم بجعل الخلفية تتكرر طوليا وعرضيا
التكليف 03
<div class="assign-3-shape-1">Normal Div</div>
<div class="assign-3-shape-2">Normal Div</div>
<div class="assign-3-shape-3">Normal Div</div>
<div class="assign-3-shape-4">Normal Div</div>- إستخدم البنية السابقة لعمل الشكل المطلوب بالأسفل
- ال Div طوله وعرضه هو 400px
- قم بوضع الصورة الموجودة في بداية التكليفات خلفية للعنصر
- في Shape 1 قم بجعل الخلفية لا تتكرر نهائيا
- في Shape 2 قم بجعل الخلفية تتكرر طوليا فقط ومكانها يكون ناحية اليمين
- في Shape 3 قم بجعل الخلفية تتكرر عرضيا فقط ومكانها يكون ناحية الأسفل
- في Shape 4 قم بجعل الخلفية تتكرر طوليا وعرضيا
التكليف 04
<div class="assign-4-shape-1">Normal Div</div>
<div class="assign-4-shape-2">Normal Div</div>
<div class="assign-4-shape-3">Normal Div</div>
<div class="assign-4-shape-4">Normal Div</div>- إستخدم البنية السابقة لعمل الشكل المطلوب بالأسفل
- ال Div طوله وعرضه هو 400px
- قم بوضع الصورة الموجودة في بداية التكليفات خلفية للعنصر
- في Shape 1 قم بجعل الخلفية تملأ 80% من الطول والعرض الخاص بالعنصر
- في Shape 2 قم بعمل الشكل مثل الصورة
- في Shape 3 قم بعمل الشكل مثل الصورة
- في Shape 4 قم بجعل الخلفية تأخذ 50% من طول وعرض العنصر وقم بتغيير مكانها
