كيفية استخدام CSS لتغيير لون الخط

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

هناك ثلاث طرق لتطبيق CSS على مستند HTML. هذه هي CSS المضمنة و CSS الداخلية / المضمنة و CSS الخارجية.

الطريقة الأولى: Inline CSS

لتغيير لون الخط في CSS ، ستحتاج إلى إنشاء قاعدة CSS لتعيين ملف قيمة خاصية اللون.

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

فقرة من النص

يمكنك تحقيق نفس التأثير باستخدام CSS داخلي / مضمن ، أو CSS خارجي.

الطريقة الثانية: CSS داخلي / مضمّن

يمكنك استخدام هذه الطريقة عندما تريد إنشاء قواعد CSS تؤثر على أكثر من مثيل واحد لعنصر HTML ولكن على صفحة واحدة فقط. يتم بعد ذلك كتابة قواعد CSS في رأس صفحة HTML باستخدام عنصر النمط:

الطريقة الثالثة: CSS الخارجية

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

styleheet.css ولكن يمكنك تسمية أي شيء طالما أنك تحتفظ بامتداد ".css".

لتلوين النص الأساسي باللون الأخضر ، على سبيل المثال ، باستخدام ورقة أنماط خارجية ، ما عليك سوى لصق قاعدة CSS كما يلي:

ص {اللون: أزرق}

في مستند HTML الخاص بك ، يجب عليك تضمين ارتباط إلى ورقة الأنماط الخاصة بك داخل عنصر رأس HTML:

فقرة من النص

تغيير لون الخط في HTML ، مع عدم تطبيق CSS

أفضل ممارسة هي استخدام CSS ، ولكن إليك كيفية تغيير لون الخط باستخدام HTML وحده:

فقرة من النص

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

يعد تغيير لون الخط في CSS أمرًا سهلاً نسبيًا

لقد أوضحنا لك ثلاث طرق لتغيير لون الخط في CSS. لقد أوضحنا لك أيضًا كيفية القيام بذلك بالطريقة القديمة باستخدام علامة خط HTML. جربهم واكتشف الأفضل بالنسبة لك!

بمجرد إتقان تغيير لون الخط باستخدام CSS و HTML ، قد ترغب في إتقان تغيير حجم الخط في HTML.

كيفية تغيير حجم خط HTML في CSS

اقرأ التالي

نبذة عن الكاتب