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