هتمل يسمح لك للسيطرة على مظهر المحتوى على صفحات الويب باستخدام مجموعة متنوعة من خيارات النمط. يعد تغيير حجم الخط أحد أهم المهام لمطور الويب ، لأن حجم النص الصحيح يزيد بشكل كبير من قابلية القراءة ويحسن تجربة المستخدم.
هناك عدة طرق لتغيير حجم الخط في هتمل. يمكنك استخدام كل من سمة النمط في العلامة والأنماط المضمنة باستخدام العلامة. النهج الأكثر تفضيلا والحديثة هو استخدام كس ، والذي يسمح لك لإنشاء أوراق أنماط منفصلة.
اعتمادا على هدفك ، يمكنك اختيار طريقة محددة لتغيير حجم الخط ، ولكن نوصي باستخدام كس ، لأنه يوفر نظام نمط أكثر مرونة وقوية.
- تعيين حجم الخط باستخدام سمة النمط
- تحديد حجم الخط في ملف كس خارجي
- تحديد حجم الخط باستخدام علامة
- تغيير حجم الخط باستخدام وحدات إم و ريم القياس
تعيين حجم الخط باستخدام سمة النمط
يمكنك استخدام سمة النمط لتغيير حجم الخط في هتمل. يمكنك استخدام هذه السمة لتطبيق الأنماط على النص ، بما في ذلك حجم الخط.
يتم تطبيق سمة النمط على علامة تحتوي على نص أو جزء منه. لتعيين حجم الخط ، يتم استخدام خاصية حجم الخط ، والتي تأخذ قيمة حجم الخط بالبكسل أو وحدات القياس الأخرى.
على سبيل المثال ، لتعيين حجم الخط إلى 14 بكسل ، يمكنك استخدام التعليمات البرمجية التالية:
نص بحجم خط 14 بكسل
يمكنك أيضا استخدام وحدات القياس النسبية ، مثل النسب المئوية ( ٪ ) ، لتعيين حجم الخط بالنسبة إلى حجم الخط الافتراضي في الصفحة.
على سبيل المثال ، لتعيين حجم الخط إلى 120 ٪ من حجم الخط الافتراضي ، يمكنك استخدام التعليمات البرمجية التالية:
نص مع زيادة حجم الخط
باستخدام سمة نمط يسمح لك بسهولة وبسرعة تغيير حجم الخط في هتمل ، وهو أمر مفيد لخلق كتل النص منمنمة على صفحة ويب.
تحديد حجم الخط في ملف كس خارجي
. تتيح لك هذه الخاصية تحديد حجم الخط المطلوب لعناصر هتمل.
. كقيمة ، يمكنك تحديد رقم مطلق بوحدات قياس مثل البكسل (بكسل) أو النقاط (نقطة) أو القيم المطلقة مثل المليمترات (مم) أو السنتيمترات (سم).
على سبيل المثال ، لتعيين حجم الخط في ملف كس إلى 16 بكسل ، يمكنك استخدام التعليمات البرمجية التالية:
ص {
حجم الخط: 16 بكسل;
}
حجم الخط: 150%;
}
يتيح لك استخدام وحدات القياس النسبية إنشاء مواقع ويب سريعة الاستجابة تتكيف بسهولة مع الأجهزة المختلفة ودقة الشاشة.
الكلمة الرئيسية الصغيرة
| يحدد حجم خط أصغر ، والكلمة الرئيسية | كبير |
|---|---|
يحدد حجم خط أكبر. على سبيل المثال: |
ص {
}
ح1 {
حجم الخط: كبير;
}
تحديد حجم الخط باستخدام علامة
هنا هو رمز المثال حيث يتم تعيين حجم الخط باستخدام علامة
:
يتم إهماله ولا ينصح باستخدامه في التعليمات البرمجية الجديدة. بدلا من ذلك ، فمن المستحسن استخدام كس لتعيين حجم الخط.
تغيير حجم الخط باستخدام وحدات إم و ريم القياس