يعد تغيير حجم الخط أحد الجوانب الرئيسية لتصميم الويب. يتيح لك ذلك إنشاء محتوى ممتع من الناحية الجمالية وقابل للقراءة لزوار الموقع. هناك عدة طرق لتغيير حجم الخط في كس (أوراق الأنماط المتتالية) ، وفي هذه المقالة سوف ننظر إليها.
واحدة من أسهل الطرق لتغيير حجم الخط هو استخدام وحدات القياس النسبية مثل النسب المئوية أو م. على سبيل المثال ، إذا كنت ترغب في زيادة حجم الخط في كتلة من النص بنسبة 20٪ ، يمكنك استخدام التعليمات البرمجية التالية:
حجم الخط: 120%;
يمكنك أيضا استخدام وحدات القياس المطلقة ، مثل وحدات البكسل أو النقاط. على سبيل المثال ، إذا كنت تريد تعيين حجم الخط إلى 16 بكسل:
حجم الخط: 16 بكسل;
بالإضافة إلى ذلك ، هناك كلمات رئيسية محددة لتغيير حجم الخط. على سبيل المثال ، يمكنك استخدام الكلمة الرئيسية "صغير" لتعيين خط أصغر من الخط الافتراضي ، أو الكلمة الرئيسية "كبير" لتعيين خط أكبر من الخط الافتراضي. أدناه مثال:
حجم الخط: صغير;
في الختام ، يعد تغيير حجم الخط في كس جانبا بسيطا ولكنه مهم في تصميم الويب. يمكنك استخدام وحدات القياس النسبية أو المطلقة ، بالإضافة إلى كلمات رئيسية محددة ، لتحقيق نوع المحتوى المطلوب لموقعك.
- كيفية تعيين حجم الخط في كس: دليل مفصل
- استخدام القيم المطلقة
- تطبيق القيم النسبية
- تطبيق وحدة القياس إم
كيفية تعيين حجم الخط في كس: دليل مفصل
. تسمح لك هذه الخاصية بتعيين حجم الخط في وحدات قياس مختلفة ، مثل وحدات البكسل (بكسل) والنسب المئوية ( ٪ ) والوحدات النسبية (إم ، ريم) وغيرها.
في المغلق:
حجم الخط: 16 بكسل;
في هذا المثال ، يتم تعيين حجم الخط بالبكسل على 16 بكسل. لاستخدام هذا النمط لفقرة
، يجب تحديد العنصر التالي في شفرة هتمل:
بالإضافة إلى القيمة بالبكسل ، يمكنك استخدام وحدات قياس أخرى عند تعيين حجم الخط. على سبيل المثال:
الوحدات النسبية (إم ، ريم):
يمكنك أيضا تعيين أحجام خطوط مختلفة لفئات مختلفة أو معرفات عناصر باستخدام محددات في كس.:
ص {
حجم الخط: 16 بكسل;
}
.العنوان {
حجم الخط: 24 بكسل;
}
| في هذا المثال ، إلى العناصر مع الفئة | العنوان | سيتم تطبيق حجم الخط 24 بكسل ، بينما لجميع الفقرات الأخرى |
| سيكون حجم الخط 16 بكسل. | الآن أنت تعرف كيفية تعيين حجم الخط باستخدام كس باستخدام الخاصية | حجم الخط |
| ووحدات القياس المختلفة. قم بتطبيق هذه المعرفة في مشاريعك للحصول على نوع النص الذي تحتاجه. | استخدام القيم المطلقة | لتغيير حجم الخط باستخدام القيم المطلقة في كس ، يمكنك استخدام وحدات القياس مثل بكسل (بكسل) ، نقطة (بت) أو ملليمتر (مم). |
يتم إصلاح القيم المطلقة ولا تعتمد على حجم الشاشة أو نافذة المتصفح. على سبيل المثال ، إذا قمت بتعيين حجم الخط إلى 14 بكسل ، فسيتم عرضه دائما بغض النظر عن دقة شاشة المستخدم.
حجم الخط: 16 بكسل;
يرجى ملاحظة أن أحجام الخطوط بالبكسل (بكسل) هي وحدات القياس الأكثر استخداما والموصى بها والتي تضمن دقة وإمكانية التنبؤ بعرض النص على الأجهزة المختلفة.
تطبيق القيم النسبية
يحتوي كس على العديد من وحدات القياس النسبية التي تسمح لك بتغيير حجم النص بالنسبة إلى العناصر أو الأجهزة الأخرى. غالبا ما تكون وحدات القياس هذه أكثر مرونة من القيم المطلقة لأنها تسمح لك بإنشاء تصميم سريع الاستجابة يتكيف مع أحجام الشاشة المختلفة.
الوحدة
- الوصف
- مثال
- من م
حجم الخط نسبة إلى حجم الخط الحالي للعنصر الأصل