كيفية تعيين لون الخط في هتمل: دليل مفصل

يلعب لون الخط دورا مهما في التصميم المرئي لصفحات الويب. يساعد على تمييز النص وتسهيل قراءته وإنشاء نمط تصميم مميز. هناك عدة طرق لتعيين لون الخط في هتمل ، وفي هذا الدليل سوف ننظر في كل واحد منهم.

العلامة هي واحدة من أسهل الطرق لتعيين لون الخط في هتمل. للقيام بذلك ، استخدم سمة اللون وحدد اللون المطلوب في شكل اسمه (على سبيل المثال ، "أحمر") أو بتنسيق سداسي عشري (على سبيل المثال ، "#فف0000"). ومع ذلك ، تعتبر هذه الطريقة قديمة ولا ينصح باستخدامها في تطوير الويب الحديث.

أنماط كس هي طريقة أكثر مرونة وحديثة لتعيين لون الخط. للقيام بذلك ، استخدم قاعدة لون كس وحدد اللون المطلوب بنفس التنسيق كما في حالة سمة اللون للعلامة. يمكنك أيضا استخدام أسماء الألوان (على سبيل المثال ، "الأحمر") أو تعيين لون كقيم رغب (على سبيل المثال ، " رغب(255, 0, 0)").

استخدام أنماط كس هو الأفضل ، لأنه يسمح لك بسهولة تغيير لون الخط للموقع بأكمله ، فضلا عن استخدام ميزات كس أكثر قوة ، على سبيل المثال ، لتعيين التدرجات والظلال للنص.

تقدم عناصر هتمل 5 طرقا إضافية لتعيين لون الخط. على سبيل المثال ، يمكنك استخدام سمة النمط لتعيين أنماط مضمنة مباشرة في العلامة. تسمح لك سمة الفئة بتعيين أنماط لمجموعة من العناصر عن طريق تطبيق نمط كس على الفصل. يمكنك أيضا استخدام سمة المعرف لتعيين أنماط فريدة لعنصر معين.

1. أساسيات ألوان هتمل
2. لون الخط داخل العلامة
3. استخدام سمة النمط للون الخط
4. الألوان في المغلق
5. استخدام الفئات لتغيير لون الخط
6. تغيير لون الخط في الروابط
7. لون الخلفية ولون الخط: تعديل التباين

أساسيات لون أتش تي أم أل

• هو للأزرق.
• يتوافق مع اللون الأحمر.
• يمثل أيضا الأحمر.

من المهم أن نتذكر أنه في هتمل ، يمكن تعيين اللون ليس فقط للخطوط ، ولكن أيضا للخلفية والحدود وعناصر الصفحة الأخرى. ستساعدك معرفة الطرق الأساسية لتعيين الألوان على إنشاء صفحات ويب جميلة وأنيقة.

لون الخط داخل العلامة

. يمكن تحديد قيمة هذه السمة كاسم لون باللغة الإنجليزية (على سبيل المثال ، " أحمر "للأحمر) أو كرمز لون سداسي عشري (على سبيل المثال ، "#فف0000 " للأحمر). على سبيل المثال:

• لون الخط أحمر:
• لون الخط أزرق:
• لون الخط أخضر:

أيضا ، هناك أسماء خاصة للألوان الأكثر شعبية. على سبيل المثال ، يمكن تحديد اللون الأحمر باستخدام الاسم "أحمر" ، أزرق — "أزرق" ، أخضر — "أخضر" ، إلخ.

العلامة قديمة ولا ينصح باستخدامها. بدلا من ذلك ، يوصى باستخدام كس لتعيين أنماط للنص في مستند هتمل.

استخدام سمة النمط للون الخط

في هتمل يسمح لك لتعيين خصائص نمط للعناصر باستخدام قواعد كس. يمكن استخدامه لتعيين لون الخط لنص صفحة الويب.

إلى العلامة التي تحتوي على النص ، كما هو موضح في المثال:

• نص أحمر

• رأس أحمر

في هذه الأمثلة ، سيتم عرض النص باللون الأحمر.

) وغيرها.

لتعيين لون الخط هو وسيلة بسيطة ومرنة للسيطرة على مظهر النص على صفحة ويب. ومع ذلك ، بالنسبة للأنماط الأكثر تعقيدا وتقدما ، يوصى باستخدام أنماط كس في ملف منفصل.

الألوان في المغلق

كس (أوراق الأنماط المتتالية) يسمح لك لتعيين الألوان لعناصر مختلفة على صفحة ويب. يمكن تحديد الألوان في كس كاسم اللون ، رمز سداسي عشري ، أو في شكل رغب.

1. أسماء الألوان: يقدم كس مجموعة من أسماء الألوان المحددة مسبقا مثل" الأحمر "(الأحمر) ، " الأزرق "(الأزرق) ، "الأخضر" (الأخضر) ، الخ. على سبيل المثال:

الجسم {

اللون: أحمر;

2. رمز سداسي عشري: يمكن تعيين الألوان باستخدام رمز سداسي عشري. يتكون الرمز من حرف " # " وأحرف سداسية عشرية تمثل قيم الألوان الأحمر والأخضر والأزرق. على سبيل المثال:

ح1 {

اللون: # فف0000 ؛ / * الأحمر */

3. تنسيق رغب: يمكن أيضا تعيين الألوان بتنسيق رغب ، حيث يتم تمثيل كل لون بقيمة من 0 إلى 255. على سبيل المثال:

ص {

}

استخدام الفئات لتغيير لون الخط

لاستخدام الفئات لتغيير لون الخط ، يجب عليك أولا تحديد الفئات المناسبة في ملف كس أو داخل العلامة

.أحمر {

اللون: أحمر;

• }
• .أزرق {
• اللون: أزرق;

}

}

:

 أو 

:

• هناك عدة طرق لتغيير لون الخط في الروابط:

باستخدام النمط المضمن

استخدام النمط المضمن في العلامة

الرابط