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

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

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

الجسم {

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

}

وبالتالي ، سيكون للنص بأكمله على الصفحة حجم خط 18 بكسل.

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

الجسم {

حجم الخط: 1.2 م;

}

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

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

1. كيفية تعيين حجم النص في كس
2. طرق لتغيير حجم الخط في كس
3. تغيير حجم النص دون استخدام الكتل
4. استخدام خاصية حجم الخط لتغيير حجم الخط
5. مثال على تغيير حجم النص في كس

كيفية تعيين حجم النص في كس

هو كما يلي:

• - يحدد حجم الخط في وحدات القياس مثل بكسل (بكسل) ، والنسب المئوية ( ٪ ) أو القيم النسبية (إم ، ريم).

أمثلة:

• - يحدد حجم الخط إلى 14 بكسل.
• - تعيين حجم الخط إلى 1.2 مرة من العنصر الأصل.
• - يحدد حجم الخط خفضت إلى 80 ٪ من حجم الخط الافتراضي.

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

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

• - يحدد حجم الخط 16 بكسل للعناصر مع فئة" صفي".
• - تعيين حجم الخط إلى 18 بكسل للعنصر مع معرف"بلدي معرف".

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

طرق لتغيير حجم الخط في كس

هناك عدة طرق لتغيير حجم الخط في كس. دعونا ننظر إلى كل واحد منهم:

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

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

3. استخدام الكلمات الرئيسية: هناك العديد من الكلمات الرئيسية في كس التي يمكن استخدامها لتغيير حجم الخط. على سبيل المثال ، يمكنك استخدام الكلمات "صغير" ، "متوسط" ، "كبير" ، إلخ. لتعيين حجم الخط النسبي.

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

تغيير حجم النص دون استخدام الكتل

يتم استخدام الخصائص التالية لتغيير حجم النص في كس دون استخدام كتل:

حجم الخط: يحدد حجم الخط للعنصر المحدد. يمكن تعيين القيمة بالبكسل (بكسل) أو النسب المئوية ( ٪ ) أو مسافة العنصر (إم) أو وحدات القياس الأخرى.

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

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

}

في هذا المثال ، حجم الخط لجميع العناصر هو