تعريفات الالوان في لغة css - التعليم والتعلم

header ads new

Hot

Post Top Ad

Your Ad Spot

الأربعاء، 11 يوليو 2018

تعريفات الالوان في لغة css

الالوان هي روح صفحات الويب وهي ماتعطيه الحيوية والمرونة لشكل صفحة الويب

ومن خلال هذا الموضوع سنرى 

ماهي طريقة تحديد الالوان على الرغم من وجود العديد من الطرق حتى نقوم بذلك
المقصود بمعجم الالوان وبعض المفردات اليت ينحصر دورها في كيفية اختيار الالوان
ماهي الالوان الخلفية سواء لكامل الصفحة او جزء منها
دروس لغة css ,الصندوق ,Boxes ,برمجة , تصميم مواقع ,width ,height ,كود , code ,دورة ,تعلم ,تعليم ,صفحة ويب ,موقع الكترونى ,تكنولوجيا ,انترنت ,text ,حجم الخط font-size ,pixel ,تزيين الخط ,الروابط Links ,الخط ,كمبيوتر ,الشفافية Opacity

الالوان الامامية او forground colors

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

قيمة RGB

تعني مثلا كمية اللون الاحمر , الاخضر ثم الازرق المستخدم حتى نصنع ذلك اللون على سبيل المثال
 rgb(100,100,90)

اكواد HEX

والتي تتكون من عدد 6 اكواد والتي تقوم بتقديم كمية الاحمر والخضر والازرق في ذلك اللون ويكتب بعد ذلك رمز هاش
على سبيل المثال
#ee3e80

اسماء الالوان

ومن الجدير بالذكر انه يوجد 147 من الألوان التي ىتم تحديدها بالاسم على سبيل المثال
DarkCyan
/* إسم اللون */
h1 {
color: DarkCyan;}
/* hex كود */
h2 {
color: #ee3e80;}
/* rgb قيمة */
p {
color: rgb(100,100,90);}

الالوان الخلفية Background colors

من الممكن تحديد لون الخلفية كما تم في الاعلى وبنفس الطريقة
body {
background-color: rgb(200,200,200);}
h1 {
background-color: DarkCyan;}
h2 {
background-color: #ee3e80;}
p {
background-color: white;}

الشفافية Opacity

ومن الممكن ايضا جعل تلك الخلفية بشكل شفاف حسبما تريد ويكون ذلك باستخدام تلك الطريقة أو باستعمال RGB

p.one {
background-color: rgb(0,0,0);
opacity: 0.5;}
p.two {
background-color: rgb(0,0,0);

Post Top Ad

Your Ad Spot
-رفع الصور-