الانتقال إلى المحتوى الرئيسي

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

  • الدكتورة ابتكار القلموني
  • الأسئلة

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

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

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

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

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

المغلق خط مختلف حجم مختلف

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

لتغيير حجم الخط والنص في كس ، استخدم خصائص عائلة الخط وحجم الخط.

على سبيل المثال ، لتغيير الخط وحجم النص لعنصر ص ، استخدم رمز كس التالي:

ص {

الخط الأسرة: أريال ، بلا الرقيق;

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

}

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

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

ح2 {

}

مع كس ، يمكنك إنشاء مجموعة متنوعة من مجموعات الخطوط وأحجام النص لتحقيق التصميم المطلوب من موقع الويب الخاص بك.

حجم الخط

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

الخط الأسرة

ص {

الخط الأسرة: أريال ، بلا الرقيق;

}

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

وزن الخط: غامق;

نمط الخط: مائل;

}

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

اللون

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

ص {

اللون: أحمر;

}

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

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

نمط:

ص {

 

الخط الأسرة: أريال;

}

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

تحديد نمط النص

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

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

سيكون هذا النص غامقا

وسيكون هذا النص بخط مائل

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

سيكون حجم هذا النص 20 بكسل ولونه أزرق ومركزه

لتحديد نمط النص لعناصر متعددة في الصفحة ، يمكنك استخدام الفئات والمعرفات. على سبيل المثال ، لتعيين نمط النص فقط للعناصر التي تحتوي على فئة "تمييز" ، يمكنك استخدام رمز كس التالي:

سيتم تمييز هذا النص بأسلوب خاص

لكن هذا النص ليس كذلك

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

تغيير حجم الخط

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

استخدام وحدات القياس المطلقة مثل وحدات البكسل (بكسل) أو النقاط (نقطة).