على الرغم من أنه من الممكن تغيير لون الخط باستخدام تنسيق في HTML، لم تعد هذه الميزة مدعومة في HTML5، لذلك تحتاج إلى الاعتماد على حل آخر وهو استخدام كود CSS بسيط لتحديد لون الخط الذي يظهر في عناصر الصفحة المختلفة. يضمن استخدام علامات CSS أيضًا أن الصفحة متوافقة مع جميع متصفحات الإنترنت.

خطوات

استخدام CSS

1. 1 افتح ملف HTML. يعد استخدام CSS أفضل طريقة لتغيير لون النص مثل HTML القديم لم تعد العلامة مدعومة في HTML5 وأفضل طريقة هي استخدام أكواد CSS لتعيين تنسيق العنصر.

   • تعمل هذه الطريقة مع ملفات CSS الخارجية أيضًا. في الأمثلة التالية، ستجد ملف HTML يستخدم ملف CSS خارجيًا.

2. 2 ضع المؤشر داخل ملف بطاقة شعار. ستحدد رموز CSS داخل هذه العلامة إذا كنت ستستخدم الرموز داخل الصفحة.

3. 3 اكتب ملف

4. 4 اكتب العنصر الذي تريد تغيير لون الخط له. سوف تستخدم ملف

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

6. 6 اكتب لون الخط. هناك ثلاث طرق لإدخال لون الخط كتابة اللون باللغة الإنجليزية، وإدخال قيمة الخط بالنظام الست عشري، أو إدخال قيمة الخط في RGB. على سبيل المثال، يمكن تحديد اللون الأزرق بكتابة الأزرق أو rgb (0، 0، 255) أو # 0000FF.

7. 7 أضف معرفات أخرى لتغيير لون خط العناصر الأخرى على الصفحة. يمكنك استخدام معرّفات مختلفة لتغيير لون خط أي نص في أي جزء من أجزاء الصفحة المختلفة

   هذا العنوان أخضر الآن.

   هذه الفقرة الآن باللون الأزرق.

   يظهر هنا لون النص في نص الصفحة باللون الأحمر.

8. 8 تحديد فئة CSS بدلاً من تعديل عنصر. يمكنك تحديد فئة ثم تطبيقها على أي عنصر تريد تعديله في الصفحة لإضافة تنسيق الفصل إليه على الفور. على سبيل المثال، تحول فئة ".redtext" في الملف التالي النص إلى اللون الأحمر في أي عنصر ينطبق عليه

   هذا العنوان أحمر الآن

   تظهر هذه الفقرة بشكل طبيعي.

   تظهر هذه الفقرة باللون الأحمر

استخدم خصائص التنسيق المباشر

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

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

   هذا هو العنوان الذي تريد تغييره

3. 3 إضافة خاصية التنسيق إلى العنصر. اكتب style = "" داخل علامة الفتح للعنصر الذي تريد تعديله

   هذا هو العنوان الذي تريد تعديله

4. 4 اكتب اللون الخاصية داخل علامات الاقتباس "". على سبيل المثال

   هذا هو العنوان الذي تريد تعديله

5. 5 اكتب اللون الذي تريد تغيير لون الخط إليه. هناك ثلاث طرق لاختيار لون. يمكنك كتابة اسم اللون باللغة الإنجليزية، أو كتابة قيمة RGB الخاصة به، أو إدخال قيمته السداسية العشرية. على سبيل المثال، يمكن تحديد اللون الأصفر بكتابة الأصفر أو rgb (255،255،0) ؛ أو # FFFF00 ؛

   هذا العنوان أصفر الآن

أفكار مفيدة

• يمكنك الاطلاع على قائمة بأسماء الألوان المدعومة وقيمها السداسية العشرية على http//www.w3schools.com/colors/colors_names.asp.