كيفية استخدام CSS لأسلوب الارتباطات التشعبية على صفحات الويب

أبريل 27, 2024

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

عندما لا يتم استخدام رابط (غير محدد) ، فهذا هو حلقة الوصل الطبقة الزائفة أو الدولة. ال زار الحالة بعد استخدام الرابط. ال يحوم الحالة هي عندما يمر الماوس فوق الرابط و نشيط الدولة هي عند النقر على الرابط. سحر CSS هو أن كل حالة من الوصلة يتم التحكم فيها بشكل مستقل عن طريق الطبقات الزائفة. بحيث يمكنك تعيين خصائص مختلفة لكل ولاية. يمكنك استخدام أي خاصية مرتبطة بعلامة ربط الرابط التشعبي في CSS.

في المثال أدناه ، سنقوم بتعيين حالة الارتباط إلى اللون الأحمر ، والحالة التي تمت زيارتها إلى اللون الأرجواني (# 400040) ، والتحويم والحالة النشطة باللون الأحمر ، والمسطر والمائل.

ملحوظة--السهم

يشير إلى أن الكود ملفوف في السطر الثاني ويجب أن يكون كل شيء في سطر واحد.

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

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

عندما تقوم بتصميم روابط رائعة ، لا تقم بإجراء تغييرات كبيرة بين الحالات ، مثل زيادة حجم النص بشكل كبير. سيؤدي ذلك إلى قيام متصفح الويب بإعادة تحميل الصفحة وسيغضب زوار موقعك بشدة.

يتأثر الترتيب الذي أدرجت فيه رمز هذه الفئات الزائفة بترتيب التسلسل. سنناقش ترتيب التسلسل في برنامج تعليمي لاحق. الآن تذكر فقط أنه لمنع النزاعات ، قم بتدوين الحالات بالترتيب الذي استخدمناه أعلاه ؛ الرابط ، زار ، تحوم ونشطة.

تعليمات الفيديو: الدرس الرابع الروابط التشعبية 'link' وخصائصها بلغة ال html (أبريل 2024).

كيفية استخدام CSS لنمط الارتباطات التشعبية على صفحات الويب ، HTML ، الطبقات الزائفة المرتبطة بالحالات المختلفة للعلامة ، الفئة الزائفة ، الارتباط التشعبي ، الترميزات التشعبية في CSS ، فئة CSS الزائفة ، حالات CSS ، حالة العلامة ، الارتباطات الفاخرة على صفحة ويب مع CSS ، روابط رائعة

المقال السابق

المقالة القادمة

برنامج Adobe Flash CS3 للفصل الدراسي في كتاب - 2

أبريل 2024

الرسوم المتحركة للشخصيات هي مشروع الدرس التالي وأحد الأشياء المفضلة التي يجب القيام بها في Flash. سوف تتعلم كيفية استخدام الحركة والشكل tweening ، اخفاء ، أدلة الحركة وحلقات لتحريك ووضع ذراع الشخصية...

أجهزة الكمبيوتر

الوظيفة الايطالية - سباق PS2 المرح

أبريل 2024

استنادًا إلى فيلم الحركة الذي يحمل نفس الاسم ، تمزج The Italian Job لقطات الأفلام مع سباق أسلوب نائب مدينة / المهرب لإعطاء خط أرضي لمهنة سباق الشوارع. أنت سارق بنك ، مع بعض الأصدقاء ، قام بسحب سرقة...