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