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