كيفية تعيين حجم الخط المغلق في أتش تي أم أل: دليل مفصل

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

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

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

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

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

1. أساسيات المغلق
2. قيمة حجم الخط
3. وحدات الخط

أساسيات المغلق

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

نموذج رمز المغلق:

}

في هذا المثال ، أنماط العلامات

يتم تعيين لون الخلفية للعنصر ، واستخدام الخاصية

الخط الأسرة

يحدد الخط. الميزات

اللون

• ,
• قم بتعيين لون النص وحجم الخط وارتفاع الخط على التوالي.
• .زر {
• اللون: # ففف;

لون الخلفية: # 007;

الحشو: 10 بكسل 20 بكسل;

نصف قطر الحدود: 5 بكسل;

}

/ * تعريف الهوية */

# رأس {

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

وزن الخط: غامق;

محاذاة النص: المركز;