أتش تي أم أل (لغة ترميز النص التشعبي) هي لغة ترميز تستخدم لإنشاء صفحات الويب. أحد الجوانب المهمة لتصميم الويب هو تغيير لون الخط لجعل النص أكثر تعبيرا وجاذبية للقارئ. هناك العديد من الأوامر في هتمل التي تسمح لك بسهولة تغيير لون الخط.
أحد الأوامر الأكثر شيوعا لتغيير لون الخط هو استخدام علامة. يتم استخدام العلامة لتعيين أنماط النص في هتمل. لتغيير لون الخط ، أضف سمة اللون إلى العلامة وحدد قيمة اللون. يمكن تحديد اللون إما بالاسم ، على سبيل المثال ، " أحمر "أو" أزرق "، أو عن طريق الرمز ، على سبيل المثال ، " #0000 "أو"#0000 وما يليها".
لتغيير لون الخط بشكل أكثر ملاءمة ، يمكنك استخدام أمر آخر — أنماط مضمنة. يسمح لك استخدام الأنماط المضمنة بتغيير النمط لعنصر معين فقط ، دون التأثير على العناصر الأخرى في الصفحة. على سبيل المثال ، لتغيير لون النص داخل فقرة ، تحتاج إلى إضافة سمة النمط إلى العلامة وتحديد خاصية اللون بالقيمة المطلوبة. على سبيل المثال: النمط= " اللون: أحمر؛".
من المهم أن تتذكر أن اختيار لون الخط المناسب مهم جدا لسهولة قراءة النص. قد يكون من الصعب قراءة بعض تركيبات الألوان ، خاصة للأشخاص ذوي الإعاقات البصرية. لذلك ، عند اختيار لون الخط ، يوصى بالتحقق من إمكانية قراءته على الأجهزة المختلفة ومراعاة قيود المستخدم المحتملة.
- باستخدام سمة "اللون"
- تطبيق الأنماط عبر سمة "النمط"
- باستخدام علامة "الخط" مع سمة " اللون
- وضع الألوان عبر فئات كس
- تغيير اللون باستخدام ملف كس خارجي
- باستخدام "النمط" المدمج في علامة " الرأس
- ، تغيير لون الخط عبر جافا سكريبت
باستخدام سمة "اللون"
يتم استخدام سمة" اللون " في هتمل لتغيير لون الخط. يتم تطبيق هذه السمة على عناصر مختلفة مثل العناوين والفقرات والقوائم والمزيد.
لتغيير لون الخط ، حدد قيمة سمة" اللون " داخل العلامة. يمكن أن تكون القيمة اسم اللون باللغة الإنجليزية (على سبيل المثال ، " أحمر "للأحمر) أو تمثيله السداسي العشري (على سبيل المثال ،" #ف 0000 " للأحمر). فيما يلي أمثلة على استخدام سمة " اللون:
- تغيير لون خط الفقرة:
- تغيير لون خط العنوان:
- تغيير لون خط عنصر القائمة:
يرجى ملاحظة أنه لا ينصح باستخدام سمة" اللون". بدلا من ذلك ، فمن الأفضل استخدام كس لنمط العناصر.
فيما يلي بعض الألوان الأكثر شيوعا التي يمكن استخدامها في سمة " اللون:
- أحمر:
- الأخضر:
- الأزرق:
- أسود:
- أبيض:
- الأصفر:
يعد استخدام سمة" اللون " ممارسة قديمة. من المستحسن استخدام أنماط كس لتغيير لون الخط وسمات النمط الأخرى.
تطبيق الأنماط عبر سمة "النمط"
في سمة" النمط " ، يمكنك تعيين العديد من خصائص النمط لعنصر ما ، وفصلها بفاصلة منقوطة. تتكون كل خاصية من اسم خاصية ونقطتين وقيمة. على سبيل المثال:
نموذج النص
في هذا المثال ، سيتم عرض النص بلون أزرق وحجم خط 16 بكسل. من المهم ملاحظة أنه يجب وضع جميع خصائص النمط بين علامتي اقتباس.
باستخدام سمة" النمط " ، يمكنك تعيين خصائص نمط مختلفة ، مثل لون النص وحجم الخط والهوامش ولون الخلفية وما إلى ذلك. على سبيل المثال:
مثال آخر على النص
في هذا المثال ، سيتم عرض النص باللون الأحمر ، سيتم تعيين الخط كما أريال أو أي خط بلا الرقيق الأخرى ، وسوف تباعد الأسطر يكون 10 بكسل من أسفل وأعلى. سيكون لون خلفية العنصر أصفر.
يعد استخدام سمة" النمط " مناسبا عندما تحتاج إلى تعيين نمط دون استخدام ملف كس خارجي. ومع ذلك ، إذا كنت بحاجة إلى تطبيق نفس النمط على عناصر متعددة ، فمن أكثر ملاءمة لاستخدام ملف كس خارجي.
إذا كنت بحاجة إلى تعيين أنماط متعددة لعنصر واحد ، يمكنك استخدام السمة" نمط " مع خصائص متعددة ، أو إضافة فئة أو معرف إلى العنصر ووصف النمط في ملف كس خارجي أو باستخدام علامة.
باستخدام علامة "الخط" مع سمة " اللون
ومع ذلك ، إذا كنت لا تزال بحاجة إلى تغيير لون الخط دون استخدام كس ، يمكنك استخدام العلامة مع السمة "اللون". تسمح لك سمة" اللون " بتحديد لون النص الذي يجب تطبيقه على محتوى العلامة.
يوجد أدناه مثال على استخدام علامة مع سمة " اللون:
نص أحمر
النص الأزرق
نص أخضر
يرجى ملاحظة أن استخدام علامة مع سمة" اللون " قد يجعل من الصعب الحفاظ على التعليمات البرمجية وتحديثها. يوصى باستخدام كس للتحكم في لون الخط والجوانب الأخرى لتنسيق النص.
وضع الألوان عبر فئات كس
لتعيين لون الخط في التعليمات البرمجية هتمل باستخدام فئات كس اتبع الخطوات التالية:
1. إنشاء نمط للفئة التي ستحدد لون الخط. على سبيل المثال ، لتعيين لون الخط إلى اللون الأحمر ، يمكنك استخدام التعليمات البرمجية التالية:
.أحمر-نص { اللون: أحمر؛}
:
نص بخط أحمر
3. بعد تطبيق الفصل على العنصر ، سيتم تغيير لون الخط وفقا لنمط معين.
باستخدام فئات كس لتعيين لون الخط يجعل من السهل تغيير نظام الألوان من صفحة ويب وأسلوب عناصر مختلفة مع نفس اللون.
مثال على استخدام فئة كس لتعيين لون الخط:
نتيجة لتنفيذ الكود ، سيتم عرض النص "نص بخط أحمر" باللون الأحمر.
تغيير اللون باستخدام ملف كس خارجي
يمكنك استخدام ملف كس خارجي لتغيير لون الخط في هتمل. يحتوي ملف كس الخارجي على جميع الأنماط التي يتم تطبيقها على مستند هتمل. لتغيير لون الخط في أتش تي أم أل باستخدام ملف كس خارجي ، اتبع الخطوات التالية:
- إنشاء ملف كس جديد مع .تمديد المغلق.
- افتح ملف كس الذي تم إنشاؤه في محرر نصوص.
- .
- احفظ التغييرات في ملف كس.
- .
بعد الانتهاء من هذه الخطوات ، سيتم تطبيق النمط المحدد في ملف كس على جميع عناصر صفحة هتمل.
باستخدام "النمط" المدمج في علامة " الرأس
في هتمل ، لتغيير لون الخط ، يمكنك استخدام أنماط كس المضمنة ، والتي يمكن تعيينها في قسم "الرأس" من المستند. للقيام بذلك ، ستحتاج إلى استخدام علامتي "النمط" و "الخط" ، بالإضافة إلى سمة "اللون".
مثال:
في هذا المثال ، نستخدم علامة" الخط "لتعيين نمط الخط وسمة" اللون " لتغيير لون النص. في هذه الحالة ، قمنا بتعيين اللون الأحمر للنص.
بمجرد تعيين الأنماط ، يمكنك استخدام أي نص سيتم عرضه باللون المحدد. على سبيل المثال:
في هذا المثال ، النص " مرحبا بالعالم!"سيتم عرضه باللون الأحمر ، حيث قمنا بتعيين هذا النمط في قسم" الرأس".
يجعل استخدام النمط المدمج من السهل تغيير لون النص والأنماط الأخرى للمستند بأكمله. هذا مفيد إذا كنت تريد تطبيق نفس النمط على العديد من العناصر أو الموقع بأكمله.
تغيير لون الخط عبر جافا سكريبت
وتعيين اللون المطلوب في شكل عرافة (#رغب) أو كاسم اللون.
هنا هو رمز المثال الذي يسمح لك لتغيير لون النص إلى اللون الأحمر:
"'جافا سكريبت
وثيقة.جيتليمنتبيد ("الهدف-العنصر").أسلوب.اللون = "أحمر";
هو معرف العنصر الذي تريد تغيير لون النص فيه.
إلى اسم لون آخر أو إلى قيمة لون عرافة أخرى.
لتغيير جوانب أخرى من النص ، مثل الحجم والخط وما إلى ذلك.
يمكن أن يكون تغيير لون النص عبر جافا سكريبت مفيدا إذا كنت بحاجة إلى تغيير اللون ديناميكيا اعتمادا على الأحداث أو الظروف المختلفة.