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