تكليفات الدروس من [ 27 ] إلى [ 29 ]
[ 2 ] تكليفات على [ Float, Opacity ]
التكليف 01
- قم بعمل الشكل التالي مع مراعاة المعلومات التالية
- العنصر الأب الذي يحتوي على جميع العناصر الداخلية عرضه 800px
- العنصر الأب لا يوجد فيه Padding
- المسافات بين العناصر الداخلية من اليمين واليسار ( Gap ) قدرها 15px
- المسافات بين العناصر الداخلية من الأسفل والأعلى قدرها 15px
- يجب ألا تحسب عرض العنصر بنفسك ويجب أن يكون Dynamic لأننا سنقوم بتغيير عرض العنصر الأب
- قم بتغيير عرض العنصر الأب إلى 1000px وتأكد أنه لم يخرب أي شيء
التكليف 02
<div class="normal">Normal</div>
<div class="one">One</div>
<div class="two">Two</div>div {
margin: 20px auto;
width: 300px;
font-weight: bold;
font-size: 1rem;
padding: 20px;
background-color: ???; /* Get The Background From Image */
color: black;
}- إستخدم البنية السابقة والتنسيقات الخاصة بها لعمل نفس الشكل
- خلفية جميع العناصر هي نفس خلفية العنصر الأول ولكن مع إختلاف الشفافية
- نسبة شفافية العنصرين الأخيرين هي 0.1 ولكن كيف تظهر الشكل كما في الصورة
