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