1. إستبعاد الملاحظة

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

الموضوع في 'منتدى الدورات العامة' بواسطة Ibrahem Smart, بتاريخ ‏يونيو 18, 2018.

  1. Ibrahem Smart

    Ibrahem Smart زيزوومى محترف

    إنضم إلينا في:
    ‏يناير 30, 2017
    المشاركات:
    1,828
    الإعجابات :
    996
    نقاط الجائزة:
    730
    الجنس:
    ذكر
    الإقامة:
    الاسكندرية
    برامج الحماية:
    ESET
    نظام التشغيل:
    Windows 7


    بسملة.png

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

    Color

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

    Color

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

    المثال

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

    Writing Colors

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

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

    1.png

    2.png

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



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

    7.png

    8.png

    10.png

    9.png

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

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

    5.png

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

    6.png

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


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

    خلاصة الدرس

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

    الملفات المرفقة:

    • 3.png
      3.png
      حجم الملف:
      2.6 ك. ب
      المشاهدات:
      0
    • 4.png
      4.png
      حجم الملف:
      5.8 ك. ب
      المشاهدات:
      0
    أعجب بهذه المشاركة راجية الجنة

مشاركة هذه الصفحة

جاري تحميل الصفحة...