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