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