يمكن أن يساعد تغيير لون الخط إلى الأبيض على خلفية سوداء في إنشاء مظهر أنيق ومعبر لموقعك على الويب. يمكنه أيضا تحسين إمكانية قراءة النص ، خاصة عند استخدام أحجام الخطوط الكبيرة أو التصفح على الأجهزة المحمولة.
في هذا الدليل خطوة بخطوة ، سنشرح كيفية القيام بذلك باستخدام كس. كس (أوراق الأنماط المتتالية) هي لغة نمط تستخدم لتحديد مظهر العناصر على صفحة الويب. يسمح لك بتحديد خصائص مثل الخط ولون الخلفية وعائلة الخط وحجمه وغير ذلك الكثير.
ملاحظة: قبل تغيير لون الخط ، تأكد من أنك على دراية بأساسيات كس والوصول إلى شفرة المصدر لموقع الويب الخاص بك.
لتغيير لون الخط إلى الأبيض على خلفية سوداء ، سنحتاج إلى رمز كس صغير. علينا أولا تحديد محدد يتعلق بالنص الذي نريد تغييره. يمكن أن يكون محددا لفئة أو معرفا أو
- كيفية تغيير لون الخط إلى الأبيض على خلفية سوداء
- اختيار نظام الألوان للتصميم
- تضمين كس في هتمل
- تحديد قواعد كس للون الخط
- باستخدام رمز عرافة لتحديد اللون
- باستخدام رمز رغب لتحديد اللون
- فحص وحفظ التغييرات في التعليمات البرمجية
كيفية تغيير لون الخط إلى الأبيض على خلفية سوداء
لتغيير لون الخلفية.
هنا هو رمز سبيل المثال من شأنها أن تسمح لك لتغيير لون الخط إلى الأبيض على خلفية سوداء:
نص بخط أبيض على خلفية سوداء
أبيض-نص
إذا كنت تريد تغيير الخط ولون الخلفية للمستند بأكمله ، فيمكنك إضافة أنماط مباشرة إلى العلامة
أو استخدام ملف كس خارجي وتوصيله باستخدام علامة
.
الآن أنت تعرف كيفية تغيير لون الخط إلى الأبيض على خلفية سوداء باستخدام هتمل و كس!
| اختيار نظام الألوان للتصميم | عند إنشاء تصميم بخلفية سوداء ، يجب أن تختار بعناية نظام ألوان بحيث يكون الخط سهل القراءة وسهل القراءة. من المهم أن تأخذ في الاعتبار التباين بين لون الخط والخلفية بحيث يكون النص مرئيا بوضوح. فيما يلي بعض التوصيات لاختيار نظام الألوان: | لون الخط |
| لون الخلفية | التوصيات | أبيض |
| أسود (#000000) | مزيج كلاسيكي يوفر أكبر تباين. | رمادي (#808080) |
| أسود (#000000) | مزيج أكثر نعومة قد يكون أسهل على العينين. | أصفر (#00) |
| أسود (#000000) | لون خط ساطع يمكن أن يجذب انتباه المستخدم. | برتقالي (#8800) |
| أسود (#000000) | لون الخط الذي يمكن أن تخلق نقطة لهجة مذهلة. | أخضر (#0000) |
أسود (#000000)
تركيبة ألوان منعشة مع سهولة قراءة جيدة.
هذه مجرد أمثلة قليلة لأنظمة الألوان ، يمكن دمجها وتجربتها للحصول على المخطط المثالي الذي يناسب المحتوى والسياق الخاص بك. المبدأ الأساسي هو تباين جيد بين الخط والخلفية.
تضمين كس في هتمل
- لتغيير نمط عناصر صفحة هتمل ، بما في ذلك لون الخلفية ولون الخط ، يمكننا استخدام كس (أوراق الأنماط المتتالية). كس يسمح لك لفصل هيكل ومحتوى هتمل من المظهر ويوفر وسيلة أكثر مرونة ومريحة لإدارة الأنماط.
- لتضمين كس في ملف هتمل ، يمكننا استخدام عدة طرق:
- كس الداخلية: يمكن تعريف أنماط كس مباشرة داخل العلامة. على سبيل المثال:
ملف المغلق الخارجي: يمكن تعريف أنماط المغلق في ملف منفصل مع .تمديد المغلق. يمكن بعد ذلك إرفاق هذا الملف بمستند هتمل باستخدام علامة. على سبيل المثال:
المغلق جزءا لا يتجزأ: يمكن أيضا تضمين أنماط كس مباشرة في سمات عناصر هتمل باستخدام سمة النمط. على سبيل المثال:
النص
اختيار طريقة تنفيذ كس يعتمد على الوضع المحدد وتفضيلات المطور ، ومع ذلك ، فمن المستحسن استخدام ملف كس خارجي لفصل الأنماط من ترميز هتمل ودعم أفضل التعليمات البرمجية.
- تحديد قواعد كس للون الخط
- تستخدم قواعد كس لتغيير لون الخط على الصفحة. لتعيين لون الخط إلى أبيض على خلفية سوداء ، استخدم خاصية اللون وحدد القيمة أبيض. هنا مثال:
قم بإنشاء نمط للعنصر الذي تريد تغيير لون الخط الخاص به. على سبيل المثال ، إذا كان عنوانا ، فأضف فئة أو معرفا في العلامة: العنوان أو العنوان.
في الكتلة ، حدد قاعدة لهذه الفئة أو المعرف وحدد قيمة للون: أبيض ؛ خاصية.
نموذج التعليمات البرمجية:
الآن سيتم عرض الخط داخل العنصر مع الفئة "البيضاء" أو المعرف "الأبيض" باللون الأبيض على خلفية سوداء.
لتغيير لون الخط إلى الأبيض على خلفية سوداء ، تحتاج إلى استخدام رمز عرافة # ففف للون الخط ورمز عرافة # 000000 للخلفية. هنا مثال على التعليمات البرمجية:
| في هذا المثال ، استخدمنا علامة لتحديد الأنماط. تحدد خاصية لون الخلفية لون خلفية الصفحة إلى الأسود (#000000) ، وتحدد خاصية اللون لون الخط إلى الأبيض (#ففف). | بمجرد إضافة هذا الرمز إلى صفحة الويب الخاصة بك ، سيتم تغيير لون الخط إلى الأبيض وستكون الخلفية سوداء. يمكنك أيضا استخدام قيم رمز سداسي عشري أخرى لتحقيق مجموعة الألوان المطلوبة. |
| باستخدام رمز رغب لتحديد اللون | لتعيين لون الخط إلى الأبيض على خلفية سوداء ، يجب تحديد رمز رغب لكل مكون اللون: |
| مكون اللون | رمز رغب |
أحمر
255
| نص باللون الأبيض | |
| نص باللون الأسود | |
| سيسمح لك هذا الرمز بتعيين لون الخط إلى أبيض على خلفية سوداء. استبدل" نص على أبيض "و" نص على أسود " بالعبارات أو النص الخاص بك. | فحص وحفظ التغييرات في التعليمات البرمجية |
| بعد إجراء التغييرات اللازمة على الكود ، تحتاج إلى التحقق مما إذا كان يتم عرضها بشكل صحيح على الصفحة. للقيام بذلك ، يمكنك استخدام الطريقة التالية: | 1. |
| افتح مستعرض ويب وأدخل عنوان صفحة الويب الخاصة بك في شريط العناوين. | 2. |
اضغط على إدخال لفتح الصفحة.