تنسيق النص هو عنصر مهم في أي صفحة ويب. أحد الجوانب الرئيسية للتنسيق هو حجم الخط. يمكن أن تساعدك معرفة حجم الخط الدقيق في إنشاء صفحات ويب مثالية بنص جميل وقابل للقراءة.
وبالتالي, كيف يمكنني معرفة حجم الخط في أتش تي أم أل? الجواب على هذا السؤال بسيط للغاية. في هتمل ، يتم تعيين حجم الخط باستخدام سمة" حجم الخط". في سمة "حجم الخط" ، يمكنك تحديد حجم الخط بالبكسل أو النسب المئوية أو وحدات القياس ريم أو إم.
.
من المهم أن تتذكر أنه عند استخدام وحدات القياس المطلقة ، مثل وحدات البكسل ، سيظل حجم الخط ثابتا بغض النظر عن حجم الشاشة أو الجهاز. في الوقت نفسه ، من حيث النسبة المئوية وحجم الخط النسبي ، سيتكيف الحجم مع شاشة المستخدم وجهازه.
آمل أن يكون هذا الدليل الصغير قد ساعدك في معرفة حجم الخط في هتمل. تذكر أن اختيار حجم الخط الصحيح سيساعد في جعل النص أكثر قابلية للقراءة وجاذبية للزائرين.
- الوحدات النسبية لحجم الخط في هتمل
- وحدات مطلقة من حجم الخط في أتش تي أم أل
- كيفية تحديد حجم الخط باستخدام خصائص كس
- كيفية تعيين حجم خط مخصص باستخدام الأنماط
- كيفية تحديد حجم الخط على صفحة ويب
الوحدات النسبية لحجم الخط في هتمل
يحتوي هتمل على عدة وحدات نسبية من حجم الخط تسمح لك بإنشاء صفحات ويب سريعة الاستجابة وقابلة للتطوير. هذه الوحدات ملائمة للاستخدام لأنها تسمح لك بتعيين أحجام الخطوط بالنسبة للعناصر الأخرى على الصفحة.
وهنا بعض من الوحدات النسبية الأكثر شعبية التي يمكنك استخدامها في هتمل:
| الوحدة | الوصف |
|---|---|
| من م | وحدة النسبية التي تحدد حجم الخط نسبة إلى حجم الخط للعنصر الأصل. على سبيل المثال ، ستكون القيمة 1 م مساوية لحجم خط العنصر الأصل. |
| ريم | وهي وحدة نسبية تحدد حجم الخط بالنسبة لحجم خط عنصر جذر هتمل. |
| % | يحدد حجم الخط كنسبة مئوية من حجم خط العنصر الأصل. |
| ف | هذه وحدة نسبية تحدد حجم الخط بالنسبة لارتفاع نافذة المتصفح المرئية. 1 في الساعة يساوي 1 ٪ من ارتفاع نافذة المتصفح. |
| فولكس فاجن | وحدة نسبية تحدد حجم الخط بالنسبة لعرض نافذة المتصفح المرئية. 1 فولت واط يساوي 1 ٪ من عرض نافذة المتصفح. |
كل وحدة من هذه الوحدات النسبية لها خصائصها الخاصة وتستخدم في مواقف مختلفة. على سبيل المثال ، إم و ريم غالبا ما تستخدم لإنشاء تخطيطات التكيف ، و ٪ ، ف و فولكس فاجن يمكن أن تكون مفيدة لإنشاء كتل النص التكيف.
يتيح لك استخدام وحدات القياس النسبية إنشاء صفحات ويب مرنة وقابلة للتكيف تتكيف بسهولة مع الأجهزة المختلفة ودقة الشاشة. عند اختيار وحدة قياس نسبية ، انتبه إلى متطلبات التصميم الخاص بك واحتياجات المستخدمين.
وحدات مطلقة من حجم الخط في أتش تي أم أل
هتمل لديها عدة وحدات مطلقة من حجم الخط التي تسمح لك لتعيين الحجم الدقيق للنص على صفحة ويب. هذه الوحدات مستقلة عن متصفح المستخدم أو إعدادات الجهاز وتضمن عرض النص نفسه على جميع الأجهزة.
يوجد أدناه جدول للوحدات المطلقة لحجم الخط في هتمل:
| وحدة القياس | المعنى | الوصف |
|---|---|---|
| من حزب العمال | 1 نقطة = 1/72 بوصة | حجم الخط بالنقاط (النقاط) |
| بكسل | 1 بكسل = 1 بكسل | حجم الخط بالبكسل |
| مم | 1 مللي متر = 1/10 بوصة | حجم الخط في ملليمتر |
| سم | 1 سنتيمتر = 2.54 بوصة | حجم الخط بالسنتيمتر |
| في | 1 بوصة = 96 بكسل | حجم الخط بالبوصة |
لتعيين حجم الخط باستخدام وحدات القياس المطلقة في هتمل ، يتم استخدام سمة" النمط "وخاصية" حجم الخط". على سبيل المثال ، لتعيين حجم الخط في الفقرات ، يجب تحديد النمط="حجم الخط: 12 نقطة؛". وبالمثل ، بالنسبة لوحدات القياس المطلقة الأخرى ، من الضروري تحديد القيمة المقابلة بالبكسل أو المليمترات أو السنتيمترات أو البوصة باستخدام خاصية "حجم الخط".
كيفية تحديد حجم الخط باستخدام خصائص كس
في كس ، يتم استخدام خاصية حجم الخط لتحديد حجم الخط. تسمح لك هذه الخاصية بتعيين حجم الأحرف في عنصر هتمل. يمكن تعيين حجم الخط في وحدات قياس مختلفة ، مثل وحدات البكسل (بكسل) والنسب المئوية ( ٪ ) والام ، والريم ، وغيرها.
أمثلة على تحديد حجم الخط:
- حجم الخط: 16 بكسل ؛ - حجم الخط 16 بكسل;
- حجم الخط: 100%; - حجم الخط هو 100 ٪ من حجم القاعدة;
- حجم الخط: 1م ؛ - حجم الخط هو 1 'م' ، حيث ' م ' هي الوحدة النسبية لحجم الخط;
- حجم الخط: 1ريم ؛ - حجم الخط هو 1 ' ريم '، حيث ' ريم ' هو وحدة النسبية لحجم الخط ، نسبة إلى حجم الخط من العنصر الجذر.
يمكنك أيضا استخدام القيم النسبية ، على سبيل المثال:
- حجم الخط: أكبر ؛ - زيادة حجم الخط بمستوى واحد;
- حجم الخط: أصغر ؛ - تقليل حجم الخط بمستوى واحد;
- حجم الخط: 2ريم ؛ - ضبط حجم الخط على ضعف الحجم الأساسي.
لتعيين حجم الخط بشكل أكثر دقة ، يمكنك استخدام القيم العشرية ، على سبيل المثال:
- حجم الخط: 1.2 م ؛ - حجم الخط هو 1.2' م ' نسبة إلى حجم القاعدة;
- حجم الخط: 14.5 بكسل ؛ - حجم الخط 14.5 بكسل.
وبالتالي ، باستخدام خاصية حجم الخط في كس ، يمكنك تحديد حجم الخط في مستند هتمل الخاص بك باستخدام وحدات قياس مختلفة وتعيينه كقيمة مطلقة ونسبية.
كيفية تعيين حجم خط مخصص باستخدام الأنماط
في ما يلي مثال على استخدام الأنماط لتعيين حجم خط مخصص:
| نمط | الوصف |
|---|---|
| حجم الخط: 12 بكسل; | يحدد حجم الخط إلى 12 بكسل. |
| حجم الخط: 1 م; | تعيين حجم الخط اعتمادا على حجم الخط للعنصر الأصل. |
| حجم الخط: 200%; | تعيين حجم الخط إلى 200 ٪ من حجم الخط للعنصر الأصل. |
إلى العلامة التي تحتوي على النص الذي تريد تغييره. على سبيل المثال:
هذا نص بحجم خط 18 بكسل.
نتيجة لهذا الرمز ، النص داخل العلامة
هذا نص بحجم خط يساوي 150 ٪ من حجم خط العنصر الأصل.
هذا نص بحجم خط يساوي 1.2 حجم خط للعنصر الأصل.
باستخدام هذه الأنماط ، يمكنك تعيين حجم الخط المطلوب للنص على موقع الويب الخاص بك. سيساعدك تعيين حجم خط مخصص على إنشاء تصميم فريد وجذاب يساعد في جذب انتباه الزوار.
كيفية تحديد حجم الخط على صفحة ويب
.محدد {
حجم الخط: 16 بكسل;
يشير إلى حجم الخط المستخدم للعناصر ذات الفئة أو المعرف
.محدد