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