مرحبًا، لنجعل نصك مميزًا عن طريق تغيير لون الخط! ما عليك سوى نسخ هذه الشفرة إلى صفحة HTML الخاصة بك وستكون جاهزًا تمامًا.
CSS (Cascading Style Sheets) هي لغة تصميم ويب تستخدم لتحديد كيفية عرض المحتوى على الإنترنت. وهي تسمح للمطورين بتحديد لون الخط المستخدم في الموقع الإلكتروني. لتغيير لون الخط في CSS، يمكن استخدام الخاصية "color". يمكن استخدام كلمة لون كعبارة عن اللون أو تحديد اللون باستخدام رمز hexadecimal. على سبيل المثال، إذا كنت ترغب في تغيير لون الخط إلى أزرق، يمكن إضافة الأمر التالي في صفحة CSS الخاصة بك:
تغيير لون الخط CSS
ينتشر استخدام النص على مواقع الويب الخاصة بنا. هذا حتى يتمكن المستخدمون من فهم غرض موقع الويب بشكل أفضل وما يمكن القيام به هناك.
النص الذي تضيفه إلى صفحات الويب الخاصة بك بشكل افتراضي له لون أسود. لجعل النص أكثر تخصيصًا ; قد ترغب في تغيير اللون في بعض الأحيان.
ضع في اعتبارك سيناريو تكون فيه خلفية موقع الويب الخاص بك أعمق. لتسهيل رؤية محتوى موقع الويب الخاص بك والوصول إليه بشكل أكبر في هذه الحالة ، يجب عليك تغيير لونه إلى شيء أفتح وأكثر حيوية.
سوف تكتشف كيفية تغيير لون نص HTML الخاص بك في هذا المنشور. سوف ندرس عدة مناهج ونتحدث عن أيها أكثر فاعلية.
كود تغيير لون الخط HTML
قبل HTML5 ، يمكنك إضافة نص إلى مواقع الانترنت باستخدام <font> العنصر. تقبل هذه العلامة <color> ، والتي يمكن أن تأخذ اسمًا أو قيمة سداسية عشرية للون:
<font color="#9900FF"> اهلا بك في مدونة عرب ويب. </font>
// او
<font color="green"> اهلا بك في مدونة عرب ويب. </font> عندما تم إصدار HTML5 ; أصبحت هذه العلامة قديمة. نظرًا لأن HTML هي لغة ترميز وليست لغة نمط ; فهذا يجعل الأمر منطقيًا. يُنصح باستخدام CSS ; والتي تُستخدم غالبًا في التصميم ; عند التعامل مع أي نوع من أنواع التصميم.
هذا يعني أنه يجب عليك استخدام CSS لإضافة لون إلى صفحات الويب الخاصة بك.
إذا كنت تريد أن ترى بسرعة كيفية تغيير لون النص الخاص بك ، فإليك ما يلي:
<h1 style="color: value;"> اهلا بك في مدونة عرب ويب! </h1>
selector {
color: value;
}كيفية تعديل لون نص HTML
يمكن تغيير لون النص باستخدام سمة لون CSS. تعد الأسماء السداسية العشرية و RGB و HSL والألوان كلها قيمًا مقبولة لهذه السمة.
لتغيير لون أي شيء ، على سبيل المثال ، يمكنك استخدام الصفة "skyblue" ، أو الرمز السداسي العشري # 87CEEB ، أو رمز RGB العشري rgb (135،206،235) ، أو قيمة HSL hsl (197 ، 71٪ ، 73٪).
باستخدام CSS ، يمكنك تغيير لون النص الخاص بك بثلاث طرق مختلفة. هذه تستخدم أسلوبًا داخليًا أو خارجيًا أو مضمنًا.
كيفية استخدام Inline CSS لتغيير لون النص في HTML
يمكنك بسهولة إضافة أنماط إلى مكونات HTML الخاصة بك باستخدام CSS المضمنة. يشير هذا إلى أنك تقوم بإدراج CSS مباشرة في علامة HTML.
يمكن استخدام خاصية النمط ، التي تحتوي على جميع الأنماط التي تريد استخدامها في هذه العلامة.
// Color Name Value
<p style="color: skyblue">اهلا بك في مدونة عرب ويب!</p>
// Hex Value
<p style="color: #87CEEB">اهلا بك في مدونة عرب ويب!</p>
// RGB Value
<p style="color: rgb(135,206,235)">اهلا بك في مدونة عرب ويب!</p>
// HSL Value
<p style="color: hsl(197, 71%, 73%)">اهلا بك في مدونة عرب ويب!</p>