درس دورة تعلم لغة CSS |Color & Writing Colors (4)

المصدر: دورة تعلم لغة CSS |Color & Writing Colors (4)
في منتدى : منتدى الدّورات العامّة ولُغات البرمجة

اخوتي اعضاء منتديات زيزووم للامن والحماية
اليوم اقدم لكم اول درس من خواص لغة CSS
وسنشرح فيه خاصية

Color

وطريقة كتابة الألوان

Color

هي لون العنصر نفسه وليس خلفيته

المثال

نقوم بعمل Paragraph او اي وسم فيه نص في الصفحة ونذهب للغة CSS ونكتب اسم العنصر المستدعى اولًا سواء وسم (tag) او (class & id) ثم نكتب في الاكواد color ثم نكتب اللون باي طريقه ونضع ; وسنجد لون الشئ نفسه قد تغير ولم يتغير لون خلفيته بل تغير لونه هو

Writing Colors

يوجد ثلاث طرق لكتابة الألوان في لغة CSS

الطريقة الاولى: كتابة اسم اللون (red & blue & yellow) وسيظهر اللون الاصلي الذي كتبته





الطريقة الثانية: استخدام طريقة HEX (#رمز اللون) ويمكنك جلب هذا الرمز عن طريق الفوتوشوب وتستخدم هذه الطريقة كثيرًا



الطريقة الثالثة: RGB & RGBA (احمر واخضر وازرق وشفافيه) وتكتب بالترتيب (Red - Green - Blue - Appearance)









طريقة كتابتها

عندما لا تريد اضافة الشفافية appearance تكتب كالتالي



وعندما تريد اضافة الشفافية تكتب كالتالي



الشفافية من 0.00 (غير مرئي) الى 1 (مرئي تمامًا)


ويمكنك استخدام اي طريقة تعجبك لكتابة اللون وتستخدم هذه الطرق لكتابة اي لون في اكواد CSS

خلاصة الدرس

• خاصية color لتحديد لون العنصر نفسه وليس خلفيته
• من انواع كتابة اللون: (كتابة اسم لون بالانجليزي)
• من انواع كتابة اللون: (HEX) مثل: (080#)
• من انواع كتابة اللون: (RGB) في عدم وجود شفافية
• من انواع كتابة اللون: (RGBA) في وجود الشفافية
• قيمة الشفافية بين 0.00 و 1
• color لا تستخدم مع النصوص فقط بل تستخدم ايضًا مع الرموز

 

تم