انتقل إلى محتوى الدرس

Anchor Link Default Styling مظهر الروابط الافتراضي وتخصيصه

نسّق الروابط التفاعلية في لغة CSS عبر حالاتها الخمس بترتيب LVHFA الدقيق، وتعرّف على قيود حماية الخصوصية للروابط المزارة وكيفية تصميم أزرار انتقال واضحة.
3 صفوف تعليمية
لغة CSS
5,549 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

تُشكّل الروابط التشعبية المبنية بوسم <a> عصب التنقل الأساسي بين صفحات الويب. يمنح المتصفح افتراضياً كل رابط غير مزار لوناً أزرق صريحاً مع خط سفلي، ويحوّله بعد الزيارة إلى اللون البنفسجي، ويلوّنه بالأحمر لحظة الضغط عليه ليميّزه القارئ فوراً عن بقية السطور.

عند تخصيص ألوان الروابط وخلفياتها بأصناف CSS مسطحة تنسجم مع هوية موقعك، احرص دائماً على بقاء الرابط متميزاً بصرياً بوضوح تام عن النص العادي المحيط به كما يبيّن المخطط التوضيحي التالي:

الصف 2 صورة توضيحية
مخطط يوضح تدرج الحالات التفاعلية الخمس للروابط بترتيب link ثم visited ثم hover ثم focus ثم active
الصف 3 ملاحظة هامة