الخط هو واحد من أهم عناصر تصميم الموقع. يمكن أن يؤدي اختيار حجم الخط الصحيح إلى تحسين إدراك المعلومات بشكل كبير وتحسين إمكانية القراءة. في الوقت نفسه ، يمكن أن يؤدي الخط الصغير جدا أو الكبير جدا إلى تعقيد التنقل في الموقع والتسبب في إزعاج المستخدمين.
في معيار هتمل ، يتم تحديد حجم الخط الافتراضي من خلال إعدادات المتصفح. ومع ذلك ، من المهم لمطوري الويب أن يكونوا قادرين على التحكم في حجم الخط على مواقعهم وتكييفه مع الأجهزة المختلفة ومتطلبات المستخدم.
هناك عدة طرق لتغيير حجم الخط في هتمل. واحدة من أبسط وأكثر تنوعا هو استخدام أنماط كس. داخل التعليمات البرمجية الخاصة بك ، يمكنك تحديد فئة أو معرف سيتم تطبيقه على عناصر الصفحة المطلوبة وتعيين حجم خط معين لها.
- الافتراضي أتش تي أم أل حجم الخط
- تحديد حجم الخط عند إنشاء موقع ويب
- كيفية تغيير حجم الخط في هتمل
الافتراضي أتش تي أم أل حجم الخط
في هتمل ، بشكل افتراضي ، يعتمد حجم الخط على إعدادات متصفح المستخدم. هذا يعني أنه يمكن لكل مستخدم تعيين تفضيلاته الخاصة فيما يتعلق بحجم النص في متصفحه. ومع ذلك ، يمكنك تعيين حجم الخط الافتراضي في كس لموقع الويب الخاص بك.
في كس ، يمكنك استخدام وحدات القياس لتعيين حجم الخط. على سبيل المثال:
في هذا المثال ، يتم تعيين حجم الخط لعنصر الجسم بالبكسل (بكسل) وهو 16 بكسل. سيتم تطبيق هذه القيمة على جميع الخطوط داخل عنصر الجسم وعناصره الفرعية ، ما لم يتم إعادة تعريفها في قواعد كس لعناصر أكثر تحديدا.
بالإضافة إلى وحدات البكسل ، يمكن كس أيضا استخدام وحدات قياس أخرى لتعيين حجم الخط ، مثل النسب المئوية ( ٪ ) والوحدات النسبية (إم ، ريم) ، وغيرها.
من المهم ملاحظة أن تغيير حجم خط هتمل الافتراضي قد يكون له تأثير على تصور صفحة الويب من قبل المستخدمين الآخرين الذين لديهم إعدادات ممتازة لحجم الخط في المتصفح. لذلك ، يوصى باستخدام وحدات القياس النسبية وتكييف أحجام النص مع أنواع مختلفة من الأجهزة وإعدادات المتصفح.
تحديد حجم الخط عند إنشاء موقع ويب
الأداة الرئيسية لتغيير حجم الخط في هتمل هي خاصية حجم الخط. تتيح لك هذه الخاصية تعيين حجم خط معين في وحدات القياس المحددة.
هناك عدة طرق لتحديد حجم الخط:
- استخدام وحدات القياس المطلقة مثل بكسل (بكسل). على سبيل المثال ، حجم الخط: 16 بكسل ؛ -يضبط حجم الخط على 16 بكسل. ومع ذلك ، يجب ألا يغيب عن البال أنه باستخدام هذه الطريقة ، سيبقى الحجم دون تغيير ولن يتغير عند تغيير إعدادات جهاز المستخدم.
- استخدم وحدات القياس النسبية مثل النسب المئوية ( ٪ ). على سبيل المثال ، حجم الخط: 100 ٪ ؛ -يحدد حجم الخط إلى 100 ٪ من حجم الخط الافتراضي. تتيح لك هذه الطريقة إنشاء حجم خط متكيف يتغير وفقا لإعدادات جهاز المستخدم.
- استخدم وحدات قياس نسبية أخرى ، مثل النسبة بين عرض وارتفاع الحرف (إم) أو حجم الخط النسبي الذي حدده المتصفح (ريم). على سبيل المثال ، حجم الخط: 1.2 م ؛ - يحدد حجم الخط يساوي 1.2 من حجم الخط للعنصر الأصل.
يعتمد اختيار حجم الخط على الاحتياجات المحددة وتصميم الموقع. يوصى باستخدام وحدات القياس النسبية لإنشاء تصميم تكيفي ومرن يمكن قراءته على أجهزة مختلفة.
كيفية تغيير حجم الخط في هتمل
لتغيير حجم الخط في هتمل ، يمكنك استخدام خصائص نمط كس أو سمات العلامة. وهنا عدد قليل من الطرق:
1. المغلق: لتغيير حجم الخط باستخدام المغلق ، يمكنك استخدام خاصية "حجم الخط". على سبيل المثال ، لتعيين حجم الخط إلى 16 بكسل ، أضف التعليمات البرمجية التالية إلى كتلة النمط:
"'المغلق
}
```
"'أتش تي أم أل