يمكن أن يؤدي تمييز النص بخط ولون خاصين إلى جعل النص أكثر وضوحا والتأكيد على أهمية عبارات أو فقرات معينة. يمكنك استخدام مختلف علامات هتمل والأساليب للقيام بذلك.
تتمثل إحدى طرق تمييز النص في استخدام علامة. يجعل النص غامقا ، مما يجذب انتباه القارئ على الفور. على سبيل المثال ، يمكنك تمييز العناوين الرئيسية أو الكلمات الرئيسية في مقالاتك باستخدام هذه العلامة.
طريقة أخرى هي استخدام علامة. يجعل النص مائلا ، مما يساعد على إنشاء تأثير لهجة أو إضافة أهمية إلى كلمات أو عبارات معينة. يمكن للنص المائل جذب الانتباه وجذب القراء إلى معلومات معينة.
إذا كنت تريد أن تجعل النص ليس فقط تسليط الضوء ، ولكن أيضا أكثر قتامة ، يمكنك استخدام كس لتعيين خاصية وزن الخط إلى جريئة. على سبيل المثال:
قوي { الخط الوزن: جريئة؛}سيؤدي ذلك إلى جعل النص المحدد باستخدام العلامة ليس فقط غامقا ، ولكن أيضا أغمق. بهذه الطريقة ، سيكون النص الخاص بك أكثر تعبيرا وسهل القراءة.
- كيفية تسطير النص وتغيير لونه
- الخطوة 1: استخدام العلامة
- الخطوة 2: تغيير لون النص باستخدام خاصية كس
- الخطوة 3: تغيير لون النص باستخدام رغب
- الخطوة 4: تغيير لون النص باستخدام رمز عرافة
- الخطوة 5: تغيير النص إلى أغمق باستخدام خاصية كس
كيفية تسطير النص وتغيير لونه
للتأكيد على النص ، يمكنك استخدام علامة تمنح النص مظهرا أكثر إشراقا وتعبيرا. يسمح استخدام هذه العلامة للقارئ بالتركيز على الجزء المسطر من النص ، لأنه يبرز من السياق.
هناك طريقة أخرى لتمييز النص وهي تغيير لونه. للقيام بذلك ، يمكنك استخدام سمة اللون في العلامة أو . على سبيل المثال ، إذا كنت تريد جعل النص أحمر ، فاستخدم الكود التالي:
النص الذي سيتم عرضه باللون الأحمر
لا ننسى أنه عند تغيير لون النص ، وخاصة تأخذ في الاعتبار سهولة القراءة والتباين من اللون. على سبيل المثال ، من الأفضل قراءة النص الأسود على خلفية بيضاء ، لذا حاول اختيار الألوان التي تضمن سهولة قراءة النص.
الخطوة 1: باستخدام العلامة
مثال على استخدام علامة :
- نص عادي
- النص المحدد
- نص عادي آخر
في هذا المثال ، سيتم عرض كلمة "مميز" بخط أكثر جرأة ، مما سيسمح للمستخدم بالعثور على هذه الكلمة بسهولة والانتباه إليها.
الخطوة 2: تغيير لون النص باستخدام خاصية كس
تحدد خاصية اللون لون النص ويمكن ضبطها بطرق مختلفة:
| الطريق | مثال | الوصف |
|---|---|---|
| اسمه اللون | اللون: أحمر; | يحدد لون النص باستخدام اسمه. بعض الألوان المسماة المتاحة هي: الأحمر والأزرق والأخضر وما إلى ذلك. |
| القيمة السداسية العشرية | من اللون: # فف0000; | يحدد لون النص باستخدام التمثيل الست عشري لقيم رغب. يتم تمثيل كل مكون لون (أحمر ، أخضر ، أزرق) بحرفين سداسي عشري من 00 إلى وما يليها. |
| رغب | وظيفة اللون: رغب(255 ، 0 ، 0); | تعيين لون النص باستخدام وظيفة رغب ، والتي تأخذ ثلاث قيم لكل مكون اللون (الأحمر والأخضر والأزرق) في النطاق من 0 إلى 255. |
لتطبيق لون معين على النص ، يجب تطبيق خاصية اللون على العنصر المقابل في كس. على سبيل المثال:
سيكون هذا النص باللون الأحمر.
يمكنك أيضا تغيير لون النص لعناصر محددة على الصفحة عن طريق تطبيق محددات كس المناسبة.
الآن أنت تعرف كيفية تغيير لون النص باستخدام خاصية لون كس.
الخطوة 3: تغيير لون النص باستخدام رغب
لتغيير لون النص باستخدام رغب ، سوف تحتاج إلى استخدام خاصية لون كس في تركيبة مع وظيفة رغب (). وظيفة رغب () يسمح لك للتعبير عن لون في شكل رغب عن طريق تحديد القيم لكل من قنوات اللون الثلاث.
لاستخدام قيم ألوان رغب ، يمكنك اتباع الخطوات التالية:
| الخطوة 1: | حدد قيم قنوات الألوان (الأحمر والأخضر والأزرق) في النطاق من 0 إلى 255. على سبيل المثال ، للحصول على لون أحمر ، يمكنك تعيين القيمة 255 للقناة الحمراء ، والقيم 0 للقنوات الخضراء والزرقاء. |
| الخطوة 2: | الجمع بين قيم قنوات اللون في وظيفة رغب (). على سبيل المثال ، للحصول على اللون الأحمر ، يمكنك استخدام رغب(255 ، 0 ، 0). |
| الخطوة 3: | تطبيق وظيفة رغب () إلى خاصية اللون للعنصر الذي يحتوي على النص. على سبيل المثال ، لتغيير لون نص فقرة إلى اللون الأحمر ، يمكنك استخدام رمز كس التالي: |
ص {
اللون: رغب(255 ، 0 ، 0);
}
لتغيير لون النص باستخدام رمز سداسي عشري ، أضف
- سمة النمط
- للون: # رمز عرافة;
- لجعل النص أحمر ، استخدم
يمكنك أيضا تغيير شفافية النص عن طريق إضافة رمز سداسي عشري مكون من رقمين للشفافية. على سبيل المثال ، بالنسبة للنص المعتم تماما ، استخدم
اللون: #000000 وما يليها;
، وللحصول على نص شفاف تماما
اختر لون نص يطابق التصميم الخاص بك ويجعل النص مرئيا بوضوح.
خاصية اللون
- يمكن تعيين القيمة في العديد من الأشكال ، بما في ذلك الألوان المسماة ، قيم رغب ، ورموز عرافة. على سبيل المثال:
- ,
- اللون: #000000;
- اللون الأسود (أسود).