منطقة إعلانية

يُمكننا وضع إعلانك هنا🧡ويُمكنك التواصل معنا عن طريق صفحةالفيس بوك

CSS colors

1التحكم في لون المُحتوى داخل العنصر عن طريق الكود التالي

color: red;

2هناك العديد من الطرق لكتابة أسماء الالوان في ال CSS وأشهرها :

Aعن طريق اسم اللون مثال على اللون الاحمرcolor: red;

Bعن طريق قيمة ال hexadecimal ومعنى ذلك ان اللون له 6 قيم وهذه القيم يُمكن ان تكون ارقام او حروف وقبل هذه القيم نضع رمز ال # مثال على اللون الأحمرcolor: #ff0000;

Cعن طريق قيمة ال RGB

  • R: red
  • G: green
  • B: blue

مثال على اللون الرمادي rgb (128,128,128)
وهذه الأرقام تتراوح قيمتها بين ال 0 و225

3التحكم في لون الخلفية عن طريق الكود التالي :

background-color: اسم اللون;

4التحكم في درجة شفافية اللون عن طريق الكود التالي:

opacity: رقم;

وتكون قيمة الرقم تتراوح بين ال 0 وال 1

5عمل تدرج للون بمعنى ان اللون يكون في البداية مثلا احمر وفى النهاية اصفر وبين النهاية والبداية يوجد تدرج للون الأحمر والاصفر عن طريق الكود التالي:

background-image: linear-gradient(direction, color-stop1, color-stop2, ...);

شرح الــ direction
اتجاه تدرج اللونDirection or angle
من أسفل الي اعليto top = 0deg
من اليسار الي اليمينto right = 90deg
من اعلي الي أسفلto bottom = 180deg
من اليمين الي اليسارTo left = 270deg

التحكم في حجم العنصر

1التحكم في حجم العنصر عن طريق الكود التالي :

font-size: 16px;

هنا ال px هي وحده القياس ويوجد العديد من وحدات القياس كما هو موضح بالصورة وسيتم شرحهم فيهذا الدرس


CSS units
CSS units


Do not waste your time and start with us, now 😍