ضبط حجم الخط في كس: كيفية تغيير حجم النص على الموقع

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

هناك عدة طرق لتغيير حجم الخط في كس. واحدة من أكثر الطرق شيوعا هي استخدام وحدات القياس مثل وحدات البكسل (بكسل) أو النسب المئوية ( ٪ ) أو النقاط (نقطة). يمكن للمطورين تعيين حجم الخط مباشرة في رمز كس ، والذي يسمح لك للسيطرة الكاملة على مظهر النص على صفحة الويب.

مثال على استخدام وحدات البكسل (بكسل):

حجم الخط: 16 بكسل;

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

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

1. ما هو المغلق وكيف تتصل حجم الخط?
2. كيفية تغيير حجم النص باستخدام وحدات القياس المطلقة
3. بكسل (بكسل)
4. النقاط (نقطة)
5. ملليمتر (مم)
6. سم (سم)
7. كيفية تغيير حجم النص باستخدام وحدات القياس النسبية

ما هو المغلق وكيف تتصل حجم الخط?

عند العمل مع كس ، واحدة من المهام الأكثر شيوعا هو تعيين حجم الخط للنص على صفحة ويب. يتم استخدام خاصية حجم الخط لهذا الغرض. تتيح لك هذه الخاصية تعيين حجم الخط بوحدات القياس ، مثل وحدات البكسل (بكسل) أو النسب المئوية ( ٪ ) أو غيرها.

على سبيل المثال ، لتعيين حجم خط 16 بكسل لنص صفحة ويب ، يمكنك استخدام قاعدة كس التالية:

الجسم {

حجم الخط: 16 بكسل;

}

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

يعد تغيير حجم الخط في كس جانبا مهما من تطوير الويب ، حيث يسمح لك بإنشاء تصور مرئي مريح وسهل القراءة للنص على صفحة الويب. بفضل كس ، يمكنك بسهولة تغيير حجم الخط حسب الحاجة ، وكذلك إنشاء تصاميم استجابة لمختلف الأجهزة ودقة الشاشة.

كيفية تغيير حجم النص باستخدام وحدات القياس المطلقة

لتغيير حجم النص باستخدام الوحدات المطلقة ، يمكنك استخدام القيم التالية:

• يحدد حجم النص إلى 16 بكسل.
• يضبط حجم النص على 12 نقطة.
• يحدد حجم النص إلى 10 ملم.
• سم-سم. يبدو مثل المليمترات ، لكنه يوفر القدرة على استخدام قيم أكبر.
• يضبط حجم النص على نصف بوصة.

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

ولذلك ، فمن المستحسن استخدام وحدات القياس النسبية ، مثل إم و ريم ، والتي تسمح لك لخلق أنماط أكثر مرونة والتكيف.

بكسل (بكسل)

مثال:

• حجم الخط: 14 بكسل;
• حجم الخط: 16 بكسل;
• حجم الخط: 20 بكسل;

يتيح لك استخدام وحدات البكسل التحكم بدقة في حجم الخط على الموقع. ومع ذلك ، يجب ألا يغيب عن البال أن حجم الخط بالبكسل سيبقى دون تغيير ، بغض النظر عن إعدادات المستخدم أو دقة شاشته.

النقاط (نقطة)

على عكس وحدات البكسل ، يعتمد حجم الخط بالنقاط على جهاز الإخراج الذي يتم عرضه عليه. على سبيل المثال ، سيبدو الخط بحجم 12 نقطة مختلفا على شاشة الكمبيوتر وعند طباعته على الورق. غالبا ما تستخدم الفقرات في تطوير وتصميم المستندات المخصصة للطباعة.

يتم استخدام بناء الجملة التالي لتعيين حجم النص في الفقرات في كس:

حجم الخط: القيمة;

يتم تحديد القيمة في الفقرات ، على سبيل المثال ، حجم الخط: 12نقطة؛. ومع ذلك ، يوصى بتعيين حجم النص في الوحدات النسبية ، مثل النسب المئوية أو م ، مما يسمح بتكييف النص بشكل أفضل مع الأجهزة والمتصفحات المختلفة.

يمكن أن يكون استخدام الفقرات لتعيين حجم النص على صفحة ويب مفيدا عند تصميم تصميم طباعة ، ولكنه ليس مثاليا بشكل عام ، خاصة للتصميم سريع الاستجابة. في معظم الحالات ، يوصى باستخدام وحدات نسبية مثل وحدات البكسل (بكسل) أو النسب المئوية ( ٪ ) أو م لتوفير مرونة أفضل وتكييف النص مع أحجام الشاشة المختلفة.

ملليمتر (مم)

لتعيين حجم الخط بالملليمتر في كس ، يمكنك استخدام التنسيق التالي:

حجم الخط: 12 مللي متر;

في هذا المثال ، سيكون حجم الخط 12 ملم. يمكنك أيضا استخدام القيم العشرية ، على سبيل المثال:

حجم الخط: 10.5 ملم;

يمكن أن تكون القيمة بالملليمتر مفيدة إذا كنت بحاجة إلى ضبط حجم الخط بالضبط بالملليمتر. ومع ذلك ، ضع في اعتبارك أن دعم المليمترات في المتصفحات المختلفة قد يختلف ، وقد تختلف النتيجة اعتمادا على الجهاز وإعدادات المستخدم.

سم (سم)

يتم استخدام خاصية كس لتعيين حجم الخط بالسنتيمتر

حجم الخط

. على سبيل المثال ، لتحديد نص بحجم خط 2 سم ، يمكنك استخدام قاعدة كس التالية:

ف {حجم الخط: 2 سم؛}

• كيفية تغيير حجم النص باستخدام وحدات القياس النسبية
• م
• ريم

%

حجم الخط

. على سبيل المثال:

حجم الخط: 2 م;

}