أحد الجوانب المهمة لتصميم صفحة الويب هو حجم الخط. يسمح لك حجم الخط الصحيح بإنشاء محتوى سهل الاستخدام وقابل للقراءة للمستخدمين. كيف يمكنني تعيين حجم الخط في المغلق?
في كس ، يمكن تحديد حجم الخط باستخدام وحدات القياس المطلقة والنسبية. تحدد الوحدات المطلقة مثل وحدات البكسل (بكسل) أو النقاط (نقطة) حجم خط معين بغض النظر عن السياق. ومع ذلك ، يمكن أن يؤدي استخدام الوحدات المطلقة إلى مشاكل في إمكانية الوصول ، خاصة للمستخدمين ضعاف البصر.
النهج الأكثر مرونة هو استخدام وحدات القياس النسبية ، مثل النسب المئوية ( ٪ ) أو الريم (الوحدة النسبية لحجم الخط). تسمح لك الوحدات النسبية بإنشاء تصميم متكيف يتكيف مع الأجهزة وأحجام الشاشة المختلفة. على سبيل المثال ، يمكنك تعيين حجم الخط كنسبة مئوية من حجم العنصر الأصل أو في حركة العين السريعة بالنسبة إلى العنصر الجذر للصفحة.
وبالإضافة إلى ذلك ، كس لديه القدرة على تعيين حجم الخط باستخدام الكلمات الرئيسية مثل الصغيرة والمتوسطة والكبيرة ، الخ. هذه الكلمات الرئيسية لها معاني محددة مسبقا ويمكن أن تكون مفيدة لإنشاء مقياس أساسي لحجم الخط.
من المهم أن تتذكر أن اختيار حجم الخط يعتمد على السياق المحدد والغرض من التصميم. يوصى باختبار المحتوى ومراجعته على أجهزة مختلفة للتأكد من أن حجم الخط قابل للقراءة وسهل الاستخدام لجميع المستخدمين.
- ما هو حجم الخط المغلق وكيف يمكنني تعيينه?
- دور حجم الخط في كس
- تحديد حجم الخط في المغلق
- تحديد حجم الخط بالبكسل
- استخدام وحدات القياس النسبية
ما هو حجم الخط المغلق وكيف يمكنني تعيينه?
يتم استخدام خصائص" حجم الخط "أو" حجم الخط " لتعيين حجم خط كس. بناء الجملة لتحديد حجم الخط كما يلي:
- حجم الخط: القيمة;
يمكن تحديد القيمة بالبكسل أو النسب المئوية أو"إم". على سبيل المثال:
- حجم الخط: 16 بكسل; - يحدد حجم الخط بالبكسل;
- حجم الخط: 100 ٪ ؛ - يحدد حجم الخط كنسبة مئوية من حجم الخط الأساسي;
- حجم الخط: 1 م ؛ - يحدد حجم الخط في " م " ، حيث يساوي 1 م حجم الخط الأساسي.
بالإضافة إلى ذلك ، يمكن استخدام وحدات القياس النسبية ، مثل "ريم" (من حجم خط الجذر) أو "فولكس فاجن" (من عرض إطار العرض).
يمكن تعيين حجم خط كس للمستند بأكمله ، وكذلك للعناصر الفردية على الصفحة ، باستخدام محددات كس أو الأنماط المضمنة في شفرة هتمل.
على سبيل المثال ، لتعيين حجم الخط للصفحة بأكملها ، يمكنك استخدام محدد النص الأساسي:
- الجسم { حجم الخط: 16 بكسل؛}
وتعيين حجم الخط لعنصر معين ، تحتاج إلى استخدام محدد لها:
- ح1 { حجم الخط: 24 بكسل؛}
- ف { حجم الخط: 14 بكسل؛}
يمكنك أيضا استخدام نمط داخلي في شفرة هتمل:
- رأس
النص
تغيير حجم الخط المغلق يسمح لك للسيطرة على حجم النص على صفحة ويب ، مما يجعلها أكثر قابلية للقراءة أو المناسب في إطار التصميم المطلوب.
دور حجم الخط في كس
حجم الخط في كس يلعب دورا هاما في تصميم صفحات الويب. يحدد حجم أو حجم النص الموجود على الصفحة. يمكن أن يؤدي اختيار حجم الخط الصحيح إلى تحسين قابلية القراءة والجاذبية المرئية للمحتوى بشكل كبير.
يمكن تعيين حجم الخط في كس بطرق مختلفة. واحدة من أكثر الطرق شيوعا هي استخدام وحدات القياس المطلقة ، مثل وحدات البكسل (بكسل) أو النقاط (نقطة). على سبيل المثال ، يمكنك ضبط حجم الخط على 14 بكسل أو 12 نقطة.
هناك طريقة أخرى لتعيين حجم الخط وهي استخدام وحدات القياس النسبية مثل النسب المئوية ( ٪ ) أو م. على سبيل المثال ، يمكنك تعيين حجم الخط إلى 120 ٪ من حجم الخط الأساسي أو 1.2 م.
من المهم أن تتذكر أن الاختيار الصحيح لحجم الخط يعتمد على السياق المحدد للخط المستخدم والغرض من تصميم الصفحة. على سبيل المثال ، عادة ما تستخدم أحجام الخطوط الكبيرة للعناوين لجذب انتباه القارئ ، وتستخدم الأحجام الأصغر للنص العادي لسهولة القراءة.
بالإضافة إلى ذلك ، يمكن تغيير حجم الخط لاستعلامات الوسائط المختلفة ، مما يسمح لك بتكييف عرض النص على الأجهزة والشاشات المختلفة.
بشكل عام ، واختيار وتحديد حجم الخط في كس يسمح لك لتحقيق التوازن الأمثل بين قراءة النص ، نداء البصرية والقدرة على التكيف من تصميم الصفحة.
تحديد حجم الخط في المغلق
يتم تعيين قيم حجم الخط المطلق في وحدات قياس ثابتة مثل وحدات البكسل (بكسل) والنقاط (نقطة) والبوصة (بوصة) وما إلى ذلك. تنطبق هذه القيم بغض النظر عن حجم إطار العرض ويمكن أن تكون مفيدة عندما تحتاج إلى التحكم بدقة في حجم النص. على سبيل المثال:
- - سيكون حجم الخط 16 بكسل;
- - سيكون حجم الخط 12 نقطة;
- - سيكون حجم الخط 1 بوصة.
يتم تعيين قيم حجم الخط النسبي بالنسبة لحجم الخط الأساسي. في كس ، حجم الخط الأساسي الافتراضي هو 16 بكسل. بمعرفة ذلك ، يمكنك بسهولة تغيير حجم الخط بالنسبة للقيمة الأساسية. يمكن استخدام القيم النسبية مثل النسب المئوية ( ٪ ) أو النسبة إلى القيمة الأساسية (م). على سبيل المثال:
- - الخط سيكون حجم 2 مرات أكبر من قاعدة واحدة;
- - سيكون للخط حجم أكبر 1.5 مرة من الخط الأساسي.
بالإضافة إلى ذلك ، يوفر كس طرقا أخرى لتحديد حجم الخط ، مثل تعيين الحجم في وحدات منفذ العرض النسبية (فو ، ف) ، وتنفيذ الخطوط القابلة للتطوير باستخدام القيم العالمية (الصغيرة والمتوسطة والكبيرة) واستخدام تقنية "الخط المتصل" ، والتي يتم عرضها بشكل كاف اعتمادا على إعدادات المستخدم.
تحديد حجم الخط بالبكسل
يتم استخدام خاصية حجم الخط في كس لتعيين حجم الخط بالبكسل.
لتعيين حجم الخط بالبكسل ، يمكنك استخدام بناء الجملة التالي:
محدد {
حجم الخط: إكس بي إكس;
}
حيث المحدد هو محدد العنصر الذي تريد تطبيق الأنماط عليه,
و س هي قيمة حجم الخط بالبكسل.
على سبيل المثال ، لتعيين حجم الخط في 16 بكسل لجميع عناوين المستوى الأول على الصفحة ، يمكنك استخدام التعليمات البرمجية التالية:
ح1 {
حجم الخط: 16 بكسل;
- نظرا لأن حجم الخط سيظل ثابتا ولن يتغير عند تغيير إعدادات المستخدم أو تكبير الصفحة.
- م: إنها وحدة قياس نسبي تحدد حجم الخط بالنسبة إلى حجم خط العنصر الأصل. على سبيل المثال ، إذا كان العنصر الأصل يحتوي على حجم خط 16 بكسل ، فقم بتعيين القيمة
- ريم: هذه وحدة قياس نسبي تحدد حجم الخط بالنسبة لحجم خط العنصر الجذر (عادة عنصر
). على سبيل المثال ، إذا كان حجم خط العنصر الجذر هو 16 بكسل ، فقم بتعيين القيمة