التمهيد هو النظام الأكثر شعبية لتطوير تطبيقات الويب. يقدم مجموعة متنوعة من المكونات والأنماط الجاهزة التي تبسط إلى حد كبير عملية تصميم وتطوير مواقع الويب. أحد الجوانب الرئيسية لتصميم صفحة الويب هو لون الخط. تغيير لون الخط في التمهيد يمكن أن تساعد في تسليط الضوء على المعلومات الهامة وإضافة اهتمام البصرية إلى موقع الويب الخاص بك.
في التمهيد ، يتم تعريف ألوان الخط باستخدام فئات لون النص. يمكن استخدامها لعناصر مختلفة ، من العناوين والفقرات البسيطة إلى الأزرار والنماذج. يمكن تعيين قيمة اللون باستخدام أسماء دلالية مثل" أساسي "و" ثانوي "و" نجاح "و" خطر " وغيرها ، أو باستخدام رموز سداسية عشرية أو رغب.
مثال:
لتغيير لون الخط في التمهيد ، يمكنك إضافة فئة.النص-جنبا إلى جنب مع اسم اللون في عنصر هتمل. على سبيل المثال ، إذا كنت تريد تغيير لون الرأس إلى اللون الأزرق ، يمكنك إضافة فئة.النص-الأساسي للعلامة . إذا كنت ترغب في استخدام رموز عرافة أو رغب ، يمكنك تحديدها بدلا من الاسم الدلالي.
وبالإضافة إلى ذلك ، يوفر التمهيد أيضا فئات لتغيير الخلفية وحدود النص ، مما يسمح لك لتخصيص كامل مظهر الخط على موقع الويب الخاص بك. يمكنك أيضا إنشاء الطبقات الخاصة بك لتغيير لون الخط في بوتستراب ، لهذا سوف تحتاج كس المعرفة.
- المبادئ الأساسية للعمل مع اللون في التمهيد
- تمكين أنماط إضافية لتغيير لون الخط
- تغيير لون الخط باستخدام فئات التمهيد المضمنة
- تغيير لون الخط باستخدام أنماط كس المخصصة
المبادئ الأساسية للعمل مع اللون في التمهيد
اللون له أهمية كبيرة عند تصميم موقع ويب أو تطبيق. يمكن أن يعزز التجربة المرئية للمستخدم ويعكس النمط الفريد لمشروعك. يوفر التمهيد مجموعة من الطبقات للعمل مع الألوان التي سوف تساعدك بسهولة إدارة نظام الألوان من المشروع الخاص بك.
الطريقة الرئيسية لتغيير لون النص في التمهيد هو استخدام النص - [اللون] الطبقات. يمكنك استخدام خيارات متنوعة لتعيين لون النص المطلوب. على سبيل المثال ، يمكنك استخدام فئة النص الأساسي لتعيين اللون الأزرق للنص. يوفر التمهيد أيضا فئات للألوان الأساسية: الابتدائي والثانوي ، والنجاح ، خطر ، تحذير ، معلومات ، والضوء. بالإضافة إلى ذلك ، يمكنك استخدام الفئات لتحديد الألوان الفاتحة والداكنة (الفاتحة والداكنة).
بالإضافة إلى فئات للنص ، كما يقدم التمهيد الطبقات لتغيير لون الخلفية. يمكنك استخدام الطبقات بغ - [اللون] لتعيين خلفية اللون المطلوب. على سبيل المثال ، يمكنك استخدام فئة بغ الابتدائية لتعيين لون الخلفية لعنصر إلى اللون الأزرق.
إذا كنت بحاجة إلى إنشاء لونك الخاص ، يمكنك استخدام الفصول الدراسية.النص - [اللون] و .بغ هو [اللون] ، حيث [اللون] هو اللون المخصص الخاص بك. للقيام بذلك ، تحتاج إلى إنشاء قاعدة كس جديدة للفئة.النص-[اللون] و .بغ-[اللون] ، حيث يمكنك تحديد اللون المطلوب باستخدام خاصية اللون أو لون الخلفية.
قبل تطبيق الفصول الدراسية للعمل مع الألوان ، تأكد من توصيل أنماط التمهيد بمشروعك. يمكنك إضافة رابط إلى التمهيد.ملف كس أو استخدام رابط كندي:
بعد ذلك ، يمكنك تطبيق فئات للعمل مع الألوان على كل من العناصر الفردية والحاويات لتغيير لون النص أو الخلفية في مشروعك.
تمكين أنماط إضافية لتغيير لون الخط
لتغيير لون الخط في بوتستراب ، يمكنك استخدام أنماط كس إضافية.
.
صفحة هتمل الخاصة بك:
| ريل="ورقة الأنماط" | هريف= " مخصص.المغلق" | /> |
يجب تحديد المسار إلى ملف النمط الخاص بك. إذا كان ملفك موجودا في نفس الدليل مثل صفحة هتمل ، يمكنك ببساطة تحديد اسمه ، كما هو موضح في المثال. إذا كان ملفك موجودا في دليل آخر ، فستحتاج إلى تحديد المسار الكامل أو المسار النسبي من صفحة هتمل.
إلى الأحمر:
p | { | اللون: أحمر; | } |
إلى أي لون آخر تريد استخدامه للخط الخاص بك.
لاحظ أنه إذا كنت ترغب في تغيير لون الخط لعناصر محددة ، يجب إضافة معرف فريد أو فئة لهم في التعليمات البرمجية هتمل الخاص بك. ثم يمكنك استخدام هذا المعرف أو الفئة في محدد كس في ملف النمط. على سبيل المثال:
| معرف= "بلدي الفقرة"> | النص | |
# فقرتي | { | اللون: أزرق; | } |
سيكون أزرق.
بهذه الطريقة ، يمكنك استخدام أنماط كس إضافية لتغيير لون الخط في بوتستراب وإنشاء تصميم فريد لمشروعك.
تغيير لون الخط باستخدام فئات التمهيد المضمنة
يوفر التمهيد عدة فئات مدمجة لتغيير لون الخط. يمكن استخدام هذه الفئات لتغيير لون النص في أي عنصر هتمل يدعمه بوتستراب.
فيما يلي بعض فئات ألوان الخط الأكثر استخداما:
- : تعيين لون الخط إلى اللون الأساسي لموقع الويب الخاص بك.
- : يحدد لون الخط الثانوي.
- : يحدد لون الخط لعمليات ناجحة.
- : يحدد لون الخط لإجراءات خطيرة أو خاطئة.
- : يحدد لون الخط للتحذيرات والإخطارات الهامة.
- : يحدد لون المعلومات من الخط.
- : يحدد لون الخط الخفيف.
- : يحدد لون الخط الداكن.
لتغيير لون النص على الصفحة ، ما عليك سوى إضافة إحدى الفئات المذكورة أعلاه إلى العنصر الذي يحتوي على النص. على سبيل المثال:
اللون: # 00 وما يليها;
}
// أتش تي أم أل
سيكون لهذا النص لون خط تحدده أنت.
| في هذا المثال ، يتم إنشاء فئة جديدة | .نص مخصص | مع لون نص معين. | |
| يمنحك هذا مزيدا من المرونة ويسمح لك بإنشاء ألوان خطوط فريدة تتناسب مع تصميمك. | تغيير لون الخط باستخدام أنماط كس المخصصة | يمكنك استخدام أنماط كس مخصصة لتغيير لون الخط في بوتستراب. للقيام بذلك ، تحتاج إلى تعيين الخصائص المناسبة للفئة أو معرف العنصر الذي تريد تغيير لون النص فيه. |
مثال على استخدام الأنماط المخصصة: