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