الدرس 3 من 8

طول السطر وارتفاعه

هدف الدرس

نصّ لا يُتعب العين

01

الشرح

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

والطول المريح بين 45 و75 حرفًا، والوحدة ch تقيس بعرض الحرف مباشرة، فتكتب مثلًا max-width: 65ch.

ويُكتب ارتفاع السطر بلا وحدة، فالقيمة line-height: 1.7 تعني أن ارتفاع السطر يساوي حجم الخطّ مضروبًا في 1.7 أيًّا كان هذا الحجم، فيتناسب مع خطّ كل عنصر. وكلّما كبر الخطّ احتاج إلى ارتفاع سطر أقلّ، ولهذا يكون ارتفاع السطر في العناوين أقلّ منه في الفقرات.

02

المطلوب

حدّد أقصى عرض للفقرات، واضبط ارتفاع السطر فيكون في الفقرة 1.6 فأكثر، وفي العنوان أقلّ من ذلك.

الفحوص

5 فحوص
  1. للفقرة عرض أقصى محدّد
  2. عرض الفقرة لا يتجاوز 75 حرفًا تقريبًا
  3. ارتفاع سطر الفقرة 1.6 فأكثر
  4. ارتفاع سطر العنوان أقلّ من الفقرة
  5. العرض مكتوب بوحدة ch
03

تلميحات

0/3
دروس المسارأتممت 0 من 8

تتعلّم في هذا المسار تدرّج أحجام العناوين ووحدات القياس وطول السطر واتجاه النصّ، لأن النصّ هو أكثر ما يقرؤه الناس في أي واجهة.

مستواه مبتدئ، وفيه 8 دروس مجموع مدّتها ساعة ونصف.

index.html
المعاينة
index.html100%
–/5

اضغط «تشغيل وتصحيح» ليبدأ الفحص.

تجد 5 فحوص في بطاقة «المطلوب».

دروس المسارأتممت 0 من 8

تتعلّم في هذا المسار تدرّج أحجام العناوين ووحدات القياس وطول السطر واتجاه النصّ، لأن النصّ هو أكثر ما يقرؤه الناس في أي واجهة.

مستواه مبتدئ، وفيه 8 دروس مجموع مدّتها ساعة ونصف.