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 colors

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

color: red;

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

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

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

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

opacity: رقم;