التعامل مع الالوان فى لغة CSS







التعامل مع الالوان فى لغة CSS - في الدرس السابق تم شرح مقدمة فى لغة CSS للمزيد من المعلومات برجاء زيارة الرابط السابق مقدمة عن CSS Selectors - سنتناول فى هذا الدرس شرح التعامل مع الالوان فى لغة CSS

- هناك ثلاث طرق لتعبير عن الالوان فى لغة الـ CSS و هي :
1- RGB Values
فى هذه الطريقة يتم التعبير عن لون ما بقيمة الالوان الاحمر و الاخضر و الازرق المتسخدمة فى تكوين هذا اللون و تاخذ الالوان الاحمر و الاخضر و الازرق قيم رقمية من 0 الى 255 .

2- HEX Codes
فى هذه الطريقة يتم التعبير عن لون ما بقيمة الالوان الاحمر و الاخضر و الازرق المتسخدمة فى تكوين هذا اللون و تاخذ الالوان الاحمر و الاخضر و الازرق اكواد HEX حيث يتكون اللون من 6 أرقام مسبوقة بعلامة # .

3- Color Names
فى هذه الطريقة يتم التعبير عن لون ما باسم هذا اللون و هنالك 147 مسمي للالوان بامكان ان يميزها متصفح الانترنت .

رمز Code:
<!DOCTYPE html>
<html>
 <head>
  <title>External CSS Example</title>
  <style type="text/css">
  body {
    background-color: gray;}
  h1 {
    color: #ee3e80;} 
  p{
    background-color: rgb(255,255,255)
  </style>
 </head>
 <body>
  <h1>Css:</h1>
  <p>It means Cascading Style Sheets and used to create rules that
  specify how the content of an element should appear.</p>
 </body>
</html>

نتيجة الكود


http://www.traidnt.net/vb/traidnt2719733/