يعد لون الخط جانبا مهما من تصميم الويب يمكن أن يؤثر بشكل كبير على الإدراك الجمالي وسهولة قراءة النص على صفحة الويب. في كس ، أوراق الأنماط المتتالية ، يمكنك بسهولة تغيير لون الخط مع بعض الخصائص البسيطة.
واحدة من أكثر الطرق شيوعا لتعيين لون الخط هي استخدام خاصية "اللون". على سبيل المثال ، لتعيين لون الخط إلى اللون الأحمر ، يمكنك استخدام الإدخال التالي:
اللون: أحمر;
يمكنك أيضا استخدام رمز اللون السداسي العشري لتحديد اللون المطلوب. على سبيل المثال ، لتعيين لون الخط إلى اللون الأخضر ، يمكنك استخدام الإدخال:
اللون: #0000;
بالإضافة إلى ذلك ، يمكنك استخدام أسماء ألوان محددة مسبقا مثل "أحمر" للأحمر أو "أزرق" للأزرق. على سبيل المثال ، لتعيين لون الخط إلى اللون الأزرق ، يمكنك استخدام الإدخال:
اللون: أزرق;
- كيفية تعيين لون النص في كس: الخصائص الأساسية
- رغب ، عرافة وغيرها من الأشكال: كيفية اختيار اللون
- محددات الفئة والمعرف: الجمع بين الألوان
- وراثة اللون: العمل مع العناصر الأم
كيفية تعيين لون النص في كس: الخصائص الأساسية
- لجعل النص أحمر.
- يضبط لون النص على اللون الأخضر.
- يضبط لون النص على اللون الأحمر.
، لتعيين ألوان الخلفية أو حدود النص ، على التوالي.
رغب ، عرافة وغيرها من الأشكال: كيفية اختيار اللون
يمكن اختيار اللون في كس باستخدام تنسيقات مختلفة. فيما يلي التنسيقات الرئيسية وطرق استخدامها:
| الشكل | مثال | |
|---|---|---|
| رغب الوصف | رغب(255 ، 0 ، 0) | يحدد اللون وفقا لقيم قنوات اللون الأحمر والأخضر والأزرق. يمكن أن تكون كل قيمة في النطاق من 0 إلى 255. |
| عرافة | # 0000 | يضبط اللون بتنسيق سداسي عشري ، حيث يتم تمثيل كل قناة (أحمر ، أخضر ، أزرق) بحرفين سداسي عشري. يمكن أن تكون كل قيمة في النطاق من 00 إلى وما يليها. |
| أسماء اللون الأحمر | يضبط اللون باستخدام اسم لون محدد مسبقا. هناك العديد من أسماء الألوان المتاحة في كس ، مثل" الأحمر " ، "الأخضر" ، "الأزرق" ، الخ. | |
| هسل | هسل (0 ، 100٪ ، 50٪) | يضبط اللون بتنسيق تدرج اللون والتشبع والخفة. يتم تحديد قيمة تدرج اللون بالدرجات (من 0 إلى 360) ، ويتم تعيين التشبع والخفة كنسبة مئوية (من 0 ٪ إلى 100٪). |
| هسلا | هسلا(0, 100%, 50%, 0.5) | على غرار تنسيق هسل ، ولكن مع القدرة على تعيين شفافية اللون (من 0 إلى 1). |
اختر تنسيقا مناسبا لك واستخدمه في كس لتغيير لون الخط أو خلفية عنصر الويب الخاص بك.
محددات الفئة والمعرف: الجمع بين الألوان
تتيح لك محددات الفئة والمعرف تطبيق الأنماط على عناصر محددة على صفحة الويب. في كس ، من خلال الجمع بين الألوان ، يمكنك إنشاء تأثيرات مثيرة للاهتمام وجميلة.
يمكن استخدام طرق مختلفة للجمع بين الألوان:
- خلط الألوان باستخدام
- باستخدام التدرجات
- تطبيق الشفافية باستخدام الألوان في رغبا أو شكل هسلا
يسمح لك بإنشاء ظلال وسيطة بين لونين. على سبيل المثال ، يمكنك الجمع بين اللونين الأحمر والأزرق للحصول على اللون الأرجواني:
. صفي {"لون الخلفية: مزيج (أحمر ، أزرق)؛"};
يتيح لك استخدام التدرجات إنشاء انتقالات سلسة بين الألوان المختلفة. على سبيل المثال ، يمكنك إنشاء تدرج من الأحمر إلى الأزرق:
. صفي {"الخلفية: التدرج الخطي (إلى اليمين ، الأحمر ، الأزرق)؛"};
يتيح لك استخدام الشفافية إنشاء تأثيرات مزج الألوان. على سبيل المثال ، يمكنك تطبيق خلفية شبه شفافة على عنصر:
. صفي {"لون الخلفية: رغبا(255, 0, 0, 0.5);"};
باستخدام محددات الفئة والمعرفات ، فضلا عن الجمع بين الألوان في كس ، يمكنك إنشاء تصميم فريد وجذاب لصفحة ويب.
وراثة اللون: العمل مع العناصر الأم
في كس ، يتم توريث اللون الافتراضي لعنصر من العنصر الأصلي. هذا يعني أنه إذا قمت بتعيين لون لعنصر أصل ، فإن جميع عناصره الفرعية سترث هذا اللون أيضا ما لم يتم تحديد لون آخر لها بشكل صريح. هذا السلوك مريح للغاية لأنه يسمح لك بسهولة تغيير لون النص داخل العناصر المتداخلة اللازمة لإنشاء التسلسل الهرمي وهيكل صفحة الويب.
) وهلم جرا.
هنا مثال على كيفية ورث لون النص:
| أتش تي أم أل | المغلق | النتيجة |
|---|---|---|
.الأم {
| النص 1 | ||
|---|---|---|
إذا كنت ترغب في إعادة تعريف اللون الموروث للعناصر الفرعية الفردية ، يمكنك تعيين صراحة | أتش تي أم أل | المغلق النتيجة |
النص 1