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