عالم التنسيقات (CSS3)

المرجع الشامل لأساسيات ومهارات التصميم، من الألوان والخلفيات وحتى التموضع و Flexbox.

الألوان والخلفيات

التدرجات اللونية وخصائص عرض الصور والخلفيات.

التخطيط (Layout)

أنواع العرض (Display)، وخصائص Float و Clear.

التموضع (Positioning)

كيفية التحكم في أماكن العناصر واستخدام Z-index.

نموذج الصندوق (Box Model)

الحشوة (Padding)، الهوامش (Margin)، والحدود.

المحددات الزائفة (Pseudo)

التحكم بالحالات (hover) وإضافة عناصر (before/after).

الفليكس بوكس (Flexbox)

النظام المرن لتوزيع وترتيب العناصر بالصفحات.

تخطيط الشبكة (Grid)

تصميم الشبكات ثنائية الأبعاد وتوزيع الأعمدة والصفوف.

النصوص والخطوط

استيراد الخطوط، الأحجام، والمسافات البادئة.

الحركات (Animations)

الانتقالات السلسة والإطارات المفتاحية (@keyframes).

التحويلات (Transforms)

تحريك، تدوير، وتكبير العناصر في 2D و 3D.

التصميم المتجاوب

استعلامات الوسائط (Media Queries) لدعم الهواتف.

المتغيرات والدوال

متغيرات CSS والدوال الرياضية (calc, clamp).

الفلاتر والدمج (Filters)

إضافة ضبابية، ظلال، وتأثيرات زجاجية متطورة.