تغيير لون الخط هي واحدة من السمات الرئيسية التي تقدمها أتش تي أم أل لتحسين تصميم النص. يمكن تغيير لون الخط باستخدام سمات وخصائص خاصة. يعد تصميم النص مكونا مهما في تصميم صفحة الويب ويمكن أن يساعد في جذب انتباه القارئ أو إبراز العناصر المهمة.
في هتمل ، يتم استخدام سمة اللون لتغيير لون الخط. يتم تطبيقه على المحتوى الداخلي من العلامات ويمكن أن تأخذ قيم مختلفة: الاسمية ، سداسي عشري أو رغب. على سبيل المثال ، لتعيين لون الخط إلى الأحمر ، تحتاج إلى استخدام بناء الجملة التالي: اللون="أحمر" أو اللون="#فف0000". إذا تم استخدام السمة رغب ، فإن بناء الجملة تبدو مثل هذا: اللون="رغب(255 ، 0 ، 0)".
يمكنك أيضا تغيير لون الخط باستخدام خصائص كس. على سبيل المثال ، يمكنك استخدام خاصية اللون وتعيين اللون داخل علامة النمط. في هذه الحالة ، سيبدو بناء الجملة كما يلي: النمط= " اللون: أحمر؛". لتطبيق هذه الخاصية على عناصر متعددة ، يمكنك استخدام علامة النمط وتعريفها داخل قسم الرأس في صفحة الويب.
يجب أن نتذكر أن تغيير لون الخط يمكن أن يؤثر بشكل كبير على سهولة قراءة النص ، لذلك يوصى باختيار الألوان التي توفر تباينا كافيا مع خلفية الصفحة. ضع في اعتبارك أيضا أنه لا تدعم جميع المتصفحات جميع إعدادات لون الخط ، لذلك يوصى بالتحقق من العرض في المتصفحات والأجهزة المختلفة.
- ميزات هتمل لتغيير لون الخط
- استخدام سمة" اللون " لتغيير لون الخط
- استخدام كس لتغيير لون الخط
- تغيير لون الخط باستخدام الأنماط الخارجية
- أمثلة على تغيير لون الخط باستخدام هتمل و كس
ميزات هتمل لتغيير لون الخط
يوفر هتمل طرق مختلفة لتغيير لون الخط على صفحة ويب. يمكن تعديل اللون باستخدام سمة النمط للعلامة أو استخدام الأنماط المضمنة أو إنشاء فئات كس.
- سيتم تعيين لون الخط الأحمر للفقرة المقابلة.
- الأنماط المدمجة: يمكنك إنشاء أنماط داخل العلامة وتطبيقها على العناصر المطلوبة في الصفحة. على سبيل المثال:
- النص الأزرق
فئات كس: يمكنك إنشاء فئات كس وتطبيقها على العناصر المطلوبة على الصفحة. على سبيل المثال:
...
نص أحمر
- سيكون هذا النص أحمر اللون
- بالإضافة إلى سمة" اللون " ، يمكن أيضا استخدام أنماط كس في هتمل لتغيير لون الخط. ومع ذلك ، يعد استخدام سمة "اللون" طريقة سهلة ومريحة لتغيير لون النص بسرعة داخل عنصر فردي.
- هناك عدة طرق لتغيير لون الخط. فيما يلي خصائص كس الرئيسية التي يمكن استخدامها:
اللون
للأحمر);
رغبا()
: هذه وظيفة تسمح لك بتعيين لون النص باستخدام قيم الألوان الأحمر والأخضر والأزرق ، بالإضافة إلى الشفافية;
هسل()
: هذه وظيفة تسمح لك بتعيين لون النص باستخدام قيم تدرج اللون والتشبع والسطوع.
فيما يلي أمثلة على التعليمات البرمجية توضح استخدام هذه الخصائص:
سيكون هذا النص أحمر
وسيكون هذا النص أخضر