كيفية تنسيق معلمات الخط: نوع الخط والحجم واللون

الخط هو أحد العناصر المهمة لتصميم الويب ، والذي يمكن أن يؤثر بشكل كبير على إدراك وفهم المعلومات. في هذه المقالة ، سنلقي نظرة على خيارات تنسيق الخط الرئيسية: مخطط الخط والحجم واللون.

نمط الخط هو مظهره ، على سبيل المثال ، عادي (عادي) ، غامق (غامق) ، مائل (مائل) أو غامق مائل (غامق مائل). تتيح لك هذه الميزة تمييز أجزاء النص المهمة وإنشاء الحالة المزاجية الصحيحة.

يتم تعريف حجم خط صفحة الويب بالبكسل (بكسل) أو النسب المئوية ( ٪ ). يمكن أن يجعل حجم الخط الكبير النص أكثر قابلية للقراءة وتمييزه ، ويمكن أن يوفر الحجم الصغير مساحة على الصفحة. لا تنس أن حجم الخط الأمثل لصفحة الويب يجب أن يكون قابلا للقراءة للمستخدم ولا يسبب إجهاد العين.

يعد لون الخط سمة أساسية للنص ، مما يسمح لك بإنشاء مجموعة متنوعة من التأثيرات والتحكم في المظهر. عند اختيار اللون ، من الضروري مراعاة التباين مع الخلفية لتحقيق قراءة أفضل وإدراك بصري متناغم.

يمكن تعيين كل خيارات تنسيق الخط هذه من خلال استخدام خصائص كس أو الأنماط المضمنة في كود هتمل. عند تصميم صفحة ويب ، من المهم مراعاة الجمهور المستهدف ومهمة المشروع من أجل تحديد المجموعة المثلى من معلمات الخط لتحقيق النتيجة المرجوة.

1. نوع الخط
2. كيف يمكنني تحديد المعلمة نمط الخط في المغلق?
3. حجم الخط
4. كيف يمكنني تعيين حجم الخط في المغلق?
5. لون الخط
6. كيف يمكنني تغيير لون الخط في المغلق?

نوع الخط

الغامق هو خط الخط الذي يجعل النص أكثر تعبيرا وملحوظا. لتعيين الخط الغامق ، استخدم العلامة. على سبيل المثال ، النص.

الخط المائل هو نمط الخط الذي يميل النص ، مما يجعلها أكثر عصرية ومعلمة. يتم استخدام العلامة لتعيين الخط المائل. على سبيل المثال ، النص.

الخط المركب هو مزيج من الخطوط الغامقة والمائلة. يمكنك استخدام كل من العلامة والعلامة لتعيين خط مدمج . على سبيل المثال ، النص.

من المهم ملاحظة أن اختيار نمط الخط قد يعتمد على النمط والغرض الذي تريد تحقيقه على صفحة الويب. قد لا تدعم بعض الخطوط جميع الخطوط ، لذلك يوصى باستخدام إرشادات متصفح وزن الخط ونمط الخط لتعيين خطوط جريئة ومائلة ، على التوالي.

كيف يمكنني تحديد المعلمة نمط الخط في المغلق?

• - هذه هي القيمة الافتراضية وتعيين نمط الخط العادي.
• - تحدد هذه القيمة الخط المائل.
• - تحدد هذه القيمة الخط المنحدر (عادة ما يكون الخط المائل والمائل هو نفس الشيء).

:

ص {

نمط الخط: مائل;

}

في المثال أعلاه ، سيتم عرض جميع الفقرات بخط مائل.

حجم الخط

يمكنك استخدام سمة نمط العلامة لتعيين حجم الخط في هتمل. على سبيل المثال ، لتعيين حجم الخط إلى 12 نقطة:

النص

من الممكن أيضا استخدام وحدات القياس النسبية ، على سبيل المثال ، النسب المئوية. على سبيل المثال ، لتعيين حجم الخط إلى 150 ٪ من القيمة الأساسية:

النص

إذا تم استخدام وحدات القياس النسبية ، فسيتم قياس حجم الخط تلقائيا اعتمادا على حجم عنصر الكتلة الذي يوجد فيه النص.

يمكنك أيضا استخدام قيم البكسل ، على سبيل المثال ، لتعيين حجم الخط إلى 16 بكسل.:

النص

من المهم أن تتذكر أنه عند اختيار حجم الخط ، يجب أن تأخذ في الاعتبار سهولة قراءة النص ونسبته إلى العناصر الأخرى في الصفحة.

يمكن دمج قيم حجم الخط مع إعدادات الخط الأخرى ، مثل اللون ونمط الخط ، لإنشاء أنماط نص أكثر تعقيدا.

كيف يمكنني تعيين حجم الخط في المغلق?

تسمح لك خاصية حجم الخط بتعيين حجم الخط بالبكسل (بكسل) والنسب المئوية ( ٪ ) ووحدات الحجم بالنسبة لحجم خط العنصر الأصل (إم) أو بالقيم النسبية (صغيرة ، متوسطة ، كبيرة ، إلخ.).

أمثلة على استخدام خاصية حجم الخط في كس:

تحديد حجم الخط بالبكسل:

حجم الخط: 16 بكسل;

تعيين حجم الخط كنسبة مئوية:

حجم الخط: 120%;

لون الخط

أو باستخدام خصائص كس

• .
• سمة اللون
• يمكنك تحديد لون الخط باستخدام إحدى القيم التالية:
• - أسود
• - أبيض

الأخضر

• الأزرق
• يمكنك أيضا تحديد لون الخط باستخدام خاصية كس
• على النحو التالي:
• - أسود
• - أبيض

اللون: أحمر;

• اللون: أخضر;
• اللون: أزرق;

# 0000

- أحمر في سداسي عشري

ضع في اعتبارك أنه عند تحديد لون الخط في كس

خاصية اللون

يمكن تغيير لون الخط في كس باستخدام الخاصية 

اللون: أحمر;

#

(أحمر) ، يمكنك استخدام التعليمات البرمجية التالية: