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

كيف يمكنني تغيير لون الخط? طرق وتعليمات بسيطة!

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

هناك عدة طرق لتغيير لون الخط. أولا ، يمكنك استخدام كس عن طريق إضافة قاعدة خاصة إلى كتلة النمط. للقيام بذلك ، حدد محددا ، وحدد العنصر المطلوب ، على سبيل المثال ، ص ، وقم بتطبيق خاصية اللون التي تحدد اللون المطلوب. يمكن تعيين هوى كاسم اللون (على سبيل المثال ، الأحمر) ، كرمز عرافة (على سبيل المثال ، #فف0000) ، أو لون رغب(على سبيل المثال ، رغب (255 ، 0 ، 0)).

الطريقة الثانية هي استخدام علامة الخط مع سمة اللون. للقيام بذلك ، لف النص في علامة الخط وحدد اللون في سمة اللون. على سبيل المثال ، النص.

. هذه الطريقة ملائمة إذا كنت بحاجة إلى تغيير لون النص لعنصر واحد فقط دون إنشاء أنماط منفصلة.

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

  1. تغيير لون الخط: لماذا وكيف
  2. لون الخط في كس: الخصائص الأساسية
  3. عرض لون الخط في أتش تي أم أل: التمثيل المسمى والسداسي العشري
  4. العنصر الزائف:: التحديد: كيفية تغيير لون النص المحدد
  5. تغيير لون الروابط: تحوم ، نشط ، زار
  6. استخدام الفئات والأنماط المضمنة لتغيير لون الخط
  7. تغيير لون النص في عناصر هتمل المختلفة

تغيير لون الخط: لماذا وكيف

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

الآن بعد أن عرفت سبب حاجتك إلى تغيير لون الخط ، دعنا نلقي نظرة على كيفية القيام بذلك. في هتمل ، يمكنك تغيير لون الخط باستخدام سمة" اللون".

أولا ، تحتاج إلى اختيار اللون الذي تريد استخدامه. يمكن تمثيل الألوان إما كاسم لون أو كرمز سداسي عشري. على سبيل المثال ، يمكن تمثيل "أحمر" على أنه "أحمر" أو "#ف 0000".

بعد تحديد اللون ، تحتاج فقط إلى إضافة سمة "اللون" إلى العلامة التي تحتوي على النص وتحديد اللون المحدد. على سبيل المثال:

هذا هو النص باللون الأحمر

يمكن أن يكون تغيير لون الخط في هتمل أداة مفيدة جدا لإنشاء صفحات ويب فريدة وجذابة. الآن أنت تعرف لماذا تحتاج إلى تغيير لون الخط وكيفية القيام بذلك باستخدام سمة" اللون".

  • - يحدد لون خلفية النص.
  • يمكن أن تأخذ قيم مختلفة:
  • (أحمر) أو
  • تمثل الرموز السداسية قيم الألوان في النظام السداسي العشري. على سبيل المثال,

# 0000

  • يتوافق مع اللون الأحمر;
  • رغب(255 ، 0 ، 0)
  • قيم هسل هي قيم اللون في شكل هسل (هوى والتشبع والسطوع). على سبيل المثال,
  • يتوافق مع الأحمر.

رغب:

النص الأزرق

  • هسل:

نص أخضر

إلى جانب الملكية

اللون

، يمكنك أيضا استخدام العقار

  • لتغيير لون خلفية النص. تقبل هذه الخاصية أيضا القيم بتنسيق الألوان المسماة والرموز السداسية وقيم رغب وقيم هسل.
  • نص أبيض على خلفية سوداء
  • عرض لون الخط في أتش تي أم أل: التمثيل المسمى والسداسي العشري
  • الألوان المسماة هي قيم محددة مسبقا يمكن استخدامها دون تحديد القيم العددية. على سبيل المثال:

الأخضر

- أزرق

أسود

- أسود

وحدد القيمة المطلوبة:

سيكون هذا النص باللون الأحمر

كل لون من الكود الست عشري له قيمته الخاصة ، بدءا من

# حرف

تليها قيمة اللون. على سبيل المثال:

في هذا المثال ، قيمة اللون هي

# 0000

يتوافق مع اللون الأحمر. لاستخدام لون مختلف ، يكفي تغيير القيمة بعد ذلك

# الرمز

.

وبالتالي ، لتغيير لون الخط في هتمل ، يمكنك استخدام الألوان المسماة أو التمثيل الست عشري ، واختيار القيمة المطلوبة وفقا لمتطلبات التصميم والتفضيلات.

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

فئة زائفة

الوصف

مثال على الكود

: تحوم

: نشط

يغير لون الرابط عند النقر عليه.

a:نشط { اللون: أحمر؛}

يمكنك استخدام أي ألوان في التعليمات البرمجية عن طريق تحديدها في عرافة ، رغب ، أو أسماء الألوان.

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