CSS Tutorial

النص - Text

يؤكد هذا الدليل على الخطوات العملية المتضمنة في التعامل مع "النص" مع إبراز المفاهيم الأساسية مثل:

محاذاة النص:

  • محاذاة النص إلى اليسار
  • محاذاة النص إلى اليمين
  • محاذاة النص في المنتصف
  • محاذاة النص إلى الطرفين

ارتفاع السطر: زيادة المسافة بين السطور لتحسين قابلية القراءة.

مسافة الحروف: تغيير المسافة بين الأحرف لضبط مظهر النص.

زخرفة النص: إضافة تأثيرات مثل الخطوط العريضة أو الخط المائل أو الخط المخطط.

تحويل النص: تحويل النص إلى أحرف كبيرة أو صغيرة أو مزيج منهما.

مثال برمجة CSS بسيط لتنسيق النص بهدف تحسين قابلية القراءة والجاذبية البصرية:

p {
  text-align: justify;
  line-height: 1.5em;
  letter-spacing: 0.1em;
}

تتضمن نصائح تحسين قابلية الوصول وسهولة الاستخدام ما يلي:

  • استخدم نص عالي التباين لتسهيل القراءة.
  • تجنب استخدام الأحرف الكبيرة باستمرار لأنها قد تكون صعبة القراءة.
  • قدم نصوصًا بديلة للصور لتمكين مستخدمي برامج قراءة الشاشة من فهم محتوى الصورة.
  • استخدم علامات الترقيم بشكل صحيح لتعزيز الوضوح.
  • تجنب استخدام اختصارات غير مألوفة.