التقدّم

CSS · متوسط - بناء مشاريع حقيقية

• التتالي والخصوصية والوراثةتعلّم كيف تتوقّع أيّ قاعدة CSS ستفوز باستخدام الخصوصية، واستفد من الوراثة لكتابة قدر أقل من الشيفرة.
• Flexbox: المحاور، justify/align، gap، flex-growأتقِن محوري Flexbox لمحاذاة عناصرك وتوسيطها وتوزيعها في التخطيطات اليومية.
• Grid: الأعمدة والصفوف والمناطقأنشئ معارض صور وتخطيطات صفحات كاملة بأعمدة CSS Grid وصفوفها ومناطقها المسمّاة.
• التموضع: relative، absolute، fixed، sticky، z-indexثبّت الشارات والرؤوس والنوافذ المنبثقة بالضبط حيث تريد، باستخدام مواضع CSS وسلّم z-index محكم الإدارة.
• التصميم المتجاوب: استعلامات الوسائط، الوحدات النسبيةكيّف واجهاتك مع كل حجم شاشة عبر منهج mobile-first، واستعلامات الوسائط، والوحدات rem و% وvw.