الانتقال إلى المحتوى الرئيسي
معظم الفرق تكتفي بلون السمة من خطوة النمط. خطوة التنسيق للمصمّم أو المطوّر الذي يحتاج تجاوز المظهر الافتراضي بـ CSS. تتيح النافذة لون سمة سريعاً، ثم مربع CSS مخصصاً بأصناف جاهزة دون كسر التخطيط إن اختبرت المعاينة. يشرح هذا الدليل متى يكفي لون السمة، وكيف تستخدم الأصناف، ومتى تتجنب CSS الثقيل.

لون السمة أولاً

في الخطوة الأولى اختر لون السمة ليتوافق مع أزرار وعناصر النافذة. جرّب النتيجة من المعاينة قبل كتابة أي CSS.
تغيير لون السمة وتغيّر لون الزر في المعاينة

تغيير لون السمة في المعاينة

CSS مخصص

في خطوة التنسيق الصق أنماطك في مربع CSS مخصص. الحقل باتجاه LTR لأن الكود لاتيني.
خطوة التنسيق مع مربع CSS ومرجع الأصناف

مربع CSS ومرجع الأصناف

مرجع الأصناف

مثال بسيط:

متى تتجنب CSS الثقيل؟

  • إن كان التغيير لوناً فقط → استخدم لون السمة
  • تجنّب كسراً للتخطيط على الجوال دون اختبار المعاينة على الهاتف
  • لا تعتمد على محددات خارج هذه الأصناف — قد تتغير واجهة العرض

الخطوة التالية

تعلّمت أين تخصّص المظهر دون كسر الجوال. بعد ذلك:

ذات صلة

آخر تعديل في ٩ أغسطس ٢٠٢٦