يعد تغيير حجم الخط أحد الميزات المهمة التي يوفرها هتمل. يمكن أن يكون هذا مفيدا لإنشاء محتوى يسهل قراءته للمستخدمين بمستويات مختلفة من الرؤية.
على الرغم من أن هناك العديد من الطرق لتغيير حجم الخط على صفحة ويب باستخدام كس ، وهناك أيضا طريقة سهلة للقيام بذلك مباشرة في هتمل. سوف تحتاج إلى استخدام والعلامات.تعمل العلامة على تقليل حجم الخط داخل نفسها ، وتزيده العلامة.
مثال على استخدام علامة: نص بحجم خط أصغر
مثال على استخدام علامة: نص بحجم خط كبير
كما ترى ، تتيح لك هذه العلامات تغيير حجم الخط على الصفحة بسرعة وسهولة. غالبا ما يتم استخدامها لإنشاء لهجات أو تمييز أجزاء معينة من النص.
- تغيير حجم الخط على الطاير
- طرق لتغيير حجم الخط
- طريقة سهلة لتغيير حجم الخط
- طريقة فعالة لتغيير حجم الخط
تغيير حجم الخط على الطاير
واحدة من أبسط الطرق وأكثرها فعالية لتغيير حجم الخط على الطاير هو استخدام وحدة القياس "م". تعتمد وحدة الخط هذه على حجم الخط الحالي للعنصر الأصل وتسمح لك بتغييره بالنسبة إلى هذه القيمة.
على سبيل المثال ، يمكنك استخدام جدول يمكن للمستخدم من خلاله اختيار حجم الخط من الخيارات المقترحة. يظهر رمز الجدول لهذه المهمة أدناه:
| حجم الخط | الوصف |
|---|---|
| 1م | حجم الخط القياسي |
| 1.5 م | زيادة حجم الخط بمقدار 1.5 مرة |
| 2 | . زيادة حجم الخط بنسبة 2 مرات |
لتغيير حجم الخط على الصفحة:
تغيير الدالة حجم الخط (حجم الخط) {وثيقة.الجسم.أسلوب.حجم الخط = حجم الخط;
}
استدعاء هذه الوظيفة عند تحديد حجم الخط وتمرير القيمة المحددة كوسيطة لتغيير حجم خط الصفحة.
بهذه الطريقة ، يمكنك تزويد المستخدمين بالقدرة على التحكم في حجم الخط على موقع الويب الخاص بك لجعله أكثر سهولة في الاستخدام ومتاحا لكل مستخدم على حدة.
طرق لتغيير حجم الخط
- 1. باستخدام وحدات القياس
- واحدة من أسهل الطرق لتغيير حجم الخط هي ضبطه باستخدام وحدات قياس معينة. للقيام بذلك ، يتم تطبيق القيم التالية:
- بكسل (بكسل) هي وحدة القياس الأكثر شيوعا;
- النسب المئوية ( ٪ ) - سيكون حجم الخط بالنسبة لحجم العنصر الأصل;
م (م — - سيكون حجم الخط بالنسبة لحجم العنصر الحالي;
الحجم النسبي — ريم) - سيكون حجم الخط بالنسبة لحجم خط العنصر الجذر.
- 2. استخدام قيم الكلمات الرئيسية
- يمكنك أيضا استخدام قيم الكلمات الرئيسية لتغيير حجم الخط.:
- صغير-يحدد حجم خط صغير;
- متوسط-يحدد متوسط حجم الخط;
- كبير-يحدد حجم خط كبير;
- س-كبير-يحدد حجم خط كبير جدا;
- شكس-كبير-يحدد حجم خط ضخم;
أصغر-يقلل من حجم الخط من مستوى واحد;
أكبر-يزيد من حجم الخط بمستوى واحد.
3. استخدام الخاصية المغلق ضبط حجم الخط
ص {
ضبط حجم الخط: 0.5;
}
يحدد هذا الرمز حجم الخط لـ ص العنصر بطريقة يتم فيها استخدام نصف الحجم المحدد في حالة عدم وجود الخط المطلوب.
| طريقة سهلة لتغيير حجم الخط | يمكن تغيير حجم خط صفحة الويب بسهولة باستخدام خاصية كس"حجم الخط". فيما يلي بعض الأمثلة على كيفية القيام بذلك: |
|---|---|
| المعنى | حجم الخط |
| س س-صغير | صغير جدا |
| س-صغير | صغير جدا |
| صغير | صغير |
| متوسطة | متوسط (حجم قياسي) |
| كبير | كبير |
| اكس كبير | كبير جدا |
كبير
كبير جدا
:حجم الخط: القيمة;
}
هنا."العنصر الخاص بك "هو فئة أو معرف العنصر الخاص بك ، و" القيمة " هي حجم الخط المطلوب. على سبيل المثال ، لتغيير حجم الخط لجميع الفقرات على صفحة ويب إلى" 16 بكسل " ، استخدم التعليمات البرمجية التالية: |
ص {
حجم الخط: 16 بكسل;
}