المغلق هو أداة قوية لعناصر التصميم على صفحة ويب. واحدة من خصائص كس الأكثر استخداما هو تغيير حجم الخط. ومع ذلك ، بالإضافة إلى الحجم ، يمكنك أيضا التحكم في سمك الخط.
يمكن أن يكون تقليل سمك الخط مفيدا لإنشاء تصميم صفحة خفيف وجيد التهوية أو لإبراز بعض العناصر. من أجل تقليل سمك الخط باستخدام كس ، يمكنك استخدام خصائص وقيم مختلفة.
تتمثل إحدى طرق تقليل سمك الخط في استخدام خاصية وزن الخط. القيمة " عادي "تجعل الخط منتظما وأرق ، والقيمة" أفتح " تقلل من سمك الخط أكثر. بالإضافة إلى ذلك ، يمكنك أيضا تعيين قيمة رقمية محددة للتحكم بدقة في سمك الخط.
هناك طريقة أخرى لتقليل سمك الخط وهي استخدام خاصية امتداد الخط. تجعل القيمة "المكثفة" الخط أضيق وأرق ، مما يسمح لك بتقليل سمكه بشكل كبير. إذا كنت بحاجة إلى تقليل سمك الخط فقط في بعض العناصر ، يمكنك تعيين هذه الخصائص مباشرة في قواعد كس لهذه العناصر.
نتيجة لاستخدام خصائص كس هذه ، يمكنك تقليل سمك الخط بشكل كبير وإنشاء تصميم خفيف ورشيق لصفحة الويب الخاصة بك. ومع ذلك ، من الضروري أن تضع في اعتبارك إمكانية قراءة النص ، لذلك يوصى باختبار قيم مختلفة وتحديد المعلمات المثلى للمحتوى الخاص بك.
- تحديد سمك الخط في المغلق
- قواعد لتقليل سمك الخط
- باستخدام خصائص كس الخاصة
- استخدام الخطوط بسماكة أصغر
تحديد سمك الخط في المغلق
يمكن تعيينه برقم من 100 إلى 900 أو بواسطة إحدى الكلمات الرئيسية:
- : نمط الخط العادي (القياسي) ;
- : نوع الخط الغامق;
- : نمط خط أكثر جرأة مقارنة بالعنصر الأصل;
- : نمط خط أخف مقارنة بالعنصر الأصلي;
بالإضافة إلى ذلك ، يمكنك استخدام الكلمات الرئيسية النسبية:
- : يرث قيمة العقار من العنصر الأصل;
- : تعيين القيمة الافتراضية للخاصية;
- : إعادة تعيين قيمة الخاصية إلى القيمة الافتراضية أو إلى القيمة المحددة في المتصفح.
:
ح1 {
وزن الخط: غامق;
}
لديهم سمك الخط من 400.
إذا كنت ترغب في تقليل سمك الخط على موقع الويب الخاص بك ، فستحتاج إلى بعض قواعد كس. فيما يلي بعض النصائح المفيدة لمساعدتك على تحقيق النتيجة المرجوة:
أخف وزنا
على سبيل المثال ، سوف التعليمات البرمجية التالية تقليل سمك الخط لجميع العناصر مع فئة " النص:
الخط الوزن: أخف وزنا;
# مياليمنت {
}
هذا لا ينطبق فقط على المعرفات ، ولكن أيضا على المحددات الأخرى مثل الفئات أو العناصر.
.النص {
}
القيمة
400
يحدد سمك الخط العادي ، بحيث يمكنك تغييره إلى رقم أصغر لتقليل السماكة.
}
يحدد خط رفيع ، وسوف تعطي قيمة أقل نتيجة أكثر دقة.
ستساعدك هذه القواعد على تقليل سمك الخط على موقع الويب الخاص بك بحيث يبدو أكثر جمالية وحداثة.
—
الخط الوزن