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