الدرس 3 من 8
طول السطر وارتفاعه
- 12 دقيقة
- 5 فحوص
- 3 تلميحات
- إلى المطلوب
هدف الدرس
نصّ لا يُتعب العين
الشرح
أكثر ما يُفسد قراءة النصّ الطويل ليس نوع الخطّ بل طول السطر، فكلّما طال السطر صعب على العين أن تجد بداية السطر التالي حين تعود إليه.
والطول المريح بين 45 و75 حرفًا، والوحدة ch تقيس بعرض الحرف مباشرة، فتكتب مثلًا max-width: 65ch.
ويُكتب ارتفاع السطر بلا وحدة، فالقيمة line-height: 1.7 تعني أن ارتفاع السطر يساوي حجم الخطّ مضروبًا في 1.7 أيًّا كان هذا الحجم، فيتناسب مع خطّ كل عنصر. وكلّما كبر الخطّ احتاج إلى ارتفاع سطر أقلّ، ولهذا يكون ارتفاع السطر في العناوين أقلّ منه في الفقرات.
المطلوب
حدّد أقصى عرض للفقرات، واضبط ارتفاع السطر فيكون في الفقرة 1.6 فأكثر، وفي العنوان أقلّ من ذلك.
الفحوص
5 فحوص- للفقرة عرض أقصى محدّد
- عرض الفقرة لا يتجاوز 75 حرفًا تقريبًا
- ارتفاع سطر الفقرة 1.6 فأكثر
- ارتفاع سطر العنوان أقلّ من الفقرة
- العرض مكتوب بوحدة ch