Ibrahem Smart

زيزوومى ذهبى
إنضم
30 يناير 2017
المشاركات
1,832
مستوى التفاعل
1,081
النقاط
1,050
الإقامة
الاسكندرية
غير متصل
بسملة.webp


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

Color

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

Color

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

المثال

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

Writing Colors

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

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

1.webp


2.webp


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



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

7.webp


8.webp


10.webp


9.webp


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

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

5.webp


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

6.webp


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


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

خلاصة الدرس

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

المرفقات

  • 3.webp
    3.webp
    1.2 KB · المشاهدات: 7
  • 4.webp
    4.webp
    2.7 KB · المشاهدات: 6
توقيع : Ibrahem Smart
عودة
أعلى