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

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

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

لتغيير حجم الخط باستخدام كس ، ببساطة إضافة التعليمات البرمجية التالية إلى ملف كس الخاص بك:

ح1 {

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

}

ص {

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

}

بالإضافة إلى استخدام كس ، يمكنك أيضا تغيير حجم الخط من العلامات باستخدام السمة "نمط" في هتمل. على سبيل المثال ، لتعيين حجم الرأس ح1 إلى 24 بكسل وحجم الفقرة ص إلى 16 بكسل ، يمكنك إضافة التعليمات البرمجية التالية مباشرة إلى العلامات المقابلة في هتمل:

العنوان

نص عادي

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

1. تغيير حجم خط العلامات: تعليمات للمبتدئين
2. اختيار العلامات المناسبة لتغيير حجم الخط
3. استخدام سمة "حجم الخط" لتغيير حجم الخط
7. رأس العمود

رأس العمود

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

رأس المستوى الثاني

.نص كبير {

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

} لتطبيق هذه الفئة على عنصر هتمل معين ، يجب إضافة سمة الفئة إلى العلامة المقابلة. مثال على ذلك هو العلامة

بالنسبة للفقرة:

تطبيق القيم النسبية لحجم الخط

تغيير حجم الخط داخل الفقرات وكتل النص

تحديد حجم الخط للعناوين

تغيير حجم الخط باستخدام فئات كس

تغيير حجم خط العلامات: تعليمات للمبتدئين

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

الوسم

مثال

النص

تغيير حجم الخط للعلامة

بواسطة 16 بكسل.

العنوان

يغير حجم الخط للعلامة بمقدار 24 بكسل.

2. باستخدام العلامات و :

4. باستخدام أنماط مدمجة:

تضمين الأنماط مباشرة داخل العلامة باستخدام سمة النمط. هذه الطريقة مناسبة لتغيير حجم خط العلامات المحددة بسرعة.

مثال:

النص

استخدام سمة "حجم الخط" لتغيير حجم الخط

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

,

بكسل

حجم النص 16 بكسل

نص بحجم 150 ٪ نسبة إلى الأصل

م

تطبيق القيم النسبية لحجم الخط

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

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

تغيير حجم الخط داخل الفقرات وكتل النص

نص فقرة مع زيادة حجم الخط

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

• رأس العمود

رأس العمود