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