في هتمل ، الخط هو واحد من أهم جوانب تصميم صفحة ويب ، وتحديد الإدراك البصري للمحتوى. أحد معلمات الخط هو حجمه. يعد تعيين حجم الخط الصحيح أمرا مهما لتحقيق التوازن البصري وسهولة قراءة النص.
هناك طرق مختلفة لتحديد حجم الخط في لغة ترميز هتمل. إحدى هذه الطرق هي استخدام الكلمة الرئيسية"متوسط". تمثل هذه الكلمة الرئيسية متوسط حجم الخط الافتراضي الذي يحدده المتصفح.
لتطبيق حجم الخط" متوسط " على النص الموجود على صفحة الويب ، يجب عليك استخدام السمة المناسبة. على سبيل المثال ، يمكنك استخدام العلامة أو لتعيين حجم الخط "متوسط" للعناوين. سيساعد هذا في إنشاء تصميم نصي فعال ، مع التأكيد على أهميته.
يوفر استخدام حجم الخط" المتوسط " الراحة والمرونة عند إنشاء تصميم صفحة ويب. ومع ذلك ، من المهم أن تتذكر أن كل متصفح قد يكون له خصائصه الخاصة في تفسير هذه الكلمة الرئيسية. لذلك ، يوصى بإجراء اختبار في متصفحات مختلفة من أجل تحقيق أفضل نتيجة مرئية.
- مزايا استخدام متوسط في حجم الخط
- تحديد حجم الخط المتوسط في هتمل
- بناء الجملة لاستخدام المتوسطة في كس
- أمثلة على استخدام حجم الخط المتوسط
- متوسط-حجم الخط للعناوين
- الجمع بين أحجام الخطوط المختلفة والمتوسطة
- تحديد حجم الخط المتوسط لمحتوى النص
- ميزات استخدام حجم الخط المتوسط على الأجهزة المحمولة
مزايا استخدام متوسط في حجم الخط
1. تعدد الاستخدامات وإمكانية الوصول: تتمثل إحدى المزايا الرئيسية للوسيط في تعدد استخداماته وإمكانية الوصول إليه لمجموعة واسعة من المستخدمين. سيتمكن معظم الأشخاص من قراءة النص بخط متوسط بشكل مريح دون مشاكل في التكبير أو التصغير.
2. قراءة جيدة: يسمح حجم الخط المتوسط بحجم كبير بما فيه الكفاية من النص للحفاظ على سهولة القراءة. نظرا للنسبة المتوازنة بين حجم الخط وارتفاع الخط ، فإن المتوسط يخلق الظروف المثلى للقراءة المريحة.
3. الاستقرار البصري: يساعد استخدام الخط المتوسط على تقليل التعب البصري وتوتر عضلات العين. يمكن تصغير تأثيرات الضغط الناتجة عن خط صغير جدا أو كبير جدا باستخدام متوسط حجم الخط.
4. تصميم متناغم: غالبا ما يستخدم حجم الخط المتوسط في تصميم صفحات الويب ، لأنه يسمح لك بتحقيق توازن متناغم بين عناصر التصميم الأخرى. هذا مفيد بشكل خاص عند إنشاء تصميم تكيفي ، حيث يجب أن يحافظ النص على سهولة قراءته على الأجهزة المختلفة ودقة الشاشة.
بشكل عام ، يعد استخدام متوسط في حجم الخط حلا وسطا جيدا يضمن سهولة القراءة وتعدد الاستخدامات وتناغم التصميم. ومع ذلك ، ضع في اعتبارك أن حجم الخط الأمثل قد يختلف اعتمادا على الجمهور المستهدف وسياق الاستخدام.
تحديد حجم الخط المتوسط في هتمل
تمثل القيمة" المتوسطة " متوسط حجم الخط لعنصر هتمل. نظرا لحقيقة أن حجم "الوسيط" يعتمد على إعدادات المستخدم ، فقد يختلف من جهاز لآخر ومن متصفح لآخر. وبالتالي ، تسمح القيمة" المتوسطة " للمتصفح بتحديد حجم الخط بشكل مستقل بناء على إعداداته وتكوين الجهاز.
لتطبيق القيمة" المتوسطة " على عنصر هتمل ، تحتاج إلى استخدام كس وتعيين حجم الخط: متوسط ؛ القاعدة في المحدد المناسب. على سبيل المثال ، لتطبيق القيمة "متوسط" على فقرة ، تحتاج إلى استخدام الكود التالي:
مثال على نص بحجم خط متوسط
نتيجة لذلك ، سيتم عرض النص الموجود داخل الفقرة بخط متوسط الحجم يحدده المتصفح.
، تحتاج إلى تعريفه في العقار
| حجم الخط | . على سبيل المثال: | محدد |
|---|---|---|
| الممتلكات | القيمة | من ص |
سيتم ضبطه على المستوى
القيمة
استخدام الكلمة الرئيسية
متوسطة
، يمكنك إنشاء تصميم مرن وسريع الاستجابة يتم قياسه وفقا لإعدادات المستخدم.
أمثلة على استخدام حجم الخط المتوسط
رؤوس المستوى الثاني. يمكن أن يكون حجم الخط المتوسط خيارا مثاليا لعناوين المستوى الثاني لتمييزها على الصفحة ، ولكن ليس لمقاطعة عناوين المستوى الأول الأكثر أهمية.
نص الإدخال. عندما يكتب المستخدمون نصا على صفحة ويب ، يمكن أن يوفر حجم الخط المتوسط قراءة مريحة وسهولة في الاستخدام دون إثقال كاهل العينين.
وصف السلع أو الخدمات. يمكن استخدام حجم الخط المتوسط لوصف المنتجات أو الخدمات على صفحة الويب لتوفير معلومات كافية ، ولكن لا تفرط في تحميل المستخدم.
نص قصير من الرسائل. إذا كنت بحاجة إلى تمييز النص القصير للرسائل أو الإشعارات ، مثل التحذيرات أو المطالبات ، فقد يكون حجم الخط المتوسط خيارا جيدا.
من المهم أن تتذكر أن حجم الخط هو أداة يجب استخدامها بحكمة ووفقا لتصميم وأهداف مشروعك. يمكن أن يكون حجم الخط المتوسط خيارا عالميا لمعظم سياقات النص ، ولكن ضع في اعتبارك دائما أنك بحاجة إلى مراعاة التباين وسهولة القراءة والاتساق مع بقية عناصر التصميم في صفحة الويب الخاصة بك. |
متوسط-حجم الخط للعناوين |
يمكن تعيين الخط في هتمل بطرق مختلفة باستخدام كس. |
لتعيين حجم الخط المتوسط للعناوين ، يمكنك استخدام التعليمات البرمجية التالية: |
إذا كنت تريد تعيين حجم الخط المتوسط لرأس معين فقط ، فيمكنك استخدام المحدد المناسب لهذا الرأس ، على سبيل المثال |
ح2 { حجم الخط: متوسط؛}
بالنسبة إلى الوسيط ، يكون حجم الخط مخصصا لرأس المستوى الثاني فقط.
الجمع بين أحجام الخطوط المختلفة والمتوسطة
في هتمل ، يمكنك استخدام أحجام خطوط مختلفة مع القيمة" متوسطة " لتحديد حجم الخط الأساسي.
لتعيين حجم خط أكبر ، يمكنك استخدام العلامة. سيؤدي ذلك إلى زيادة حجم الخط بالنسبة إلى الحجم الأساسي.
إذا كنت بحاجة إلى جعل النص أصغر من الحجم الأساسي ، فيمكنك استخدام العلامة. سيؤدي ذلك إلى تقليل حجم الخط بالنسبة إلى الحجم الأساسي.
بالإضافة إلى ذلك ، يمكنك تعيين حجم الخط الدقيق عن طريق تحديده بالبكسل باستخدام النمط.
وبالتالي ، من خلال الجمع بين قيم حجم الخط المختلفة والمتوسطة ، يمكنك تحقيق مجموعة متنوعة من التأثيرات وإنشاء مكون مرئي أكثر مرونة وتعبيرا لصفحة الويب.
تحديد حجم الخط المتوسط لمحتوى النص
- لفقرة أو
- تطبيق الخاصية
حجم الخط: متوسط;
ص {
حجم الخط: متوسط;
}
استبدال
ف محدد