تعتبر وحدات القياس المغلق جانبا مهما عند إنشاء صفحات الويب. إحدى القيم الشائعة الاستخدام هي وحدة ارتفاع الخط. مع العلم أن 5 أحرف تشغل ارتفاعا معينا على موقعك ، يمكنك بسهولة التحكم في حجم العناصر وموقعها.
وحدة ارتفاع الخط ، والمعروفة باسم " م " ، هي قيمة نسبية تعتمد على حجم الخط في الصفحة. يحدد مقدار المساحة الفارغة التي يجب أن تكون بين سطور النص. على سبيل المثال ، إذا كان حجم الخط 16 بكسل ، فسيكون 1 م مكافئا لـ 16 بكسل.
لذلك لمعرفة مدة 5 أحرف على موقعك ، تحتاج إلى معرفة حجم الخط الحالي ثم ضرب قيمته في 5. على سبيل المثال ، إذا كان حجم الخط 20 بكسل ، فسيكون 5 م مكافئا لـ 100 بكسل.
باستخدام وحدة ارتفاع الخط في كس يسمح لك لخلق تصاميم استجابة التي يمكن أن تتغير بسهولة اعتمادا على حجم الشاشة وتفضيلات المستخدم. كن حذرا عند اختيار حجم الخط واستخدم وحدات القياس بشكل فعال لجعل موقعك أكثر سهولة وسهولة في الاستخدام. وتذكر أن حجم 5 أحرف يمكن أن يكون مختلفا في الخطوط والأحجام المختلفة!
وحدة ارتفاع الخط في كس: حجم خمسة أحرف
عند تعيين خاصية حجم الخط في كس ، يمكنك استخدام وحدات قياس مختلفة ، مثل بكسل (بكسل) أو النسب المئوية ( ٪ ). ومع ذلك ، غالبا ما يكون من الضروري تعيين حجم الخط المرتبط بالنص الرئيسي أو عنصر آخر في الصفحة.
توفر وحدة قياس حركة العين السريعة القدرة على تعيين حجم الخط بناء على حجم خط العنصر الأصل. هذا يعني أنه إذا كان حجم خط الأصل 16 بكسل ، فستكون وحدة الريم بقيمة 1 16 بكسل. من المهم ملاحظة أن هذه الوحدة لا تعتمد على حجم خط العنصر نفسه الذي يتم تطبيقه عليه.
الآن دعنا نحسب حجم الخط بالبكسل الذي سيكون مكافئا لحجم خمسة أحرف عند استخدام وحدة حركة العين السريعة. إذا كان لديك جدول يحتوي على قائمة بجميع أحرف الأبجدية وأحجام خطوطها بالبكسل ، فيمكنك مضاعفة حجم خمسة أحرف في 5 ومعرفة القيمة المطلوبة بالبكسل.
| رسالة | حجم الخط (بكسل) |
|---|---|
| A | 14 |
| B | 12 |
| جيم 13 | |
| D | 11 |
| D | 15 |
| E | 10 |
وبالتالي ، إذا كان حجم خمسة أحرف 65 بكسل ، فسيكون حجم الخط بالبكسل 65 بكسل.
يجعل استخدام وحدة حركة العين السريعة من السهل تحديد حجم الخط بالنسبة للعنصر الأصلي. يعد هذا مناسبا عند إنشاء تصميمات سريعة الاستجابة ويسهل تغيير حجم الخط على الصفحة بأكملها دون الحاجة إلى تغيير كل عنصر على حدة.
وبالتالي ، باستخدام وحدة قياس حركة العين السريعة ومعرفة حجم الأحرف الخمسة ، يمكنك تعيين حجم الخط على موقعك بسرعة وبدقة.
قياس ارتفاع الحروف على موقعك
في كس ، هناك عدة وحدات لقياس ارتفاع الخط ، مثل بكسل ، النسب المئوية ، إم و ريم. ولكن بدلا من هذه الوحدات المجردة ، يمكنك استخدام وحدات قياس أكثر عملية لتحديد ارتفاع حرف معين أو مجموعة أحرف على موقعك.
واحدة من وحدات القياس هذه هي "إكس". وهو يمثل ارتفاع الحرف " س " وغالبا ما يستخدم في الحالات التي يكون فيها من الضروري تحديد ارتفاع الحرف بدقة. على سبيل المثال ، إذا كانت لديك كلمة تتكون من خمسة أحرف وتريد معرفة الارتفاع الدقيق لهذه الكلمة على موقعك ، فيمكنك استخدام وحدة القياس "السابق".
لمعرفة ارتفاع الأحرف الخمسة على موقعك ، يمكنك إضافة رمز كس التالي:
.مثال {
حجم الخط: 1س;
}