الاثنين، 10 يوليو 2017

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

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

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

- هناك ثلاث طرق لتعبير عن الالوان فى لغة الـ CSS و هي : 

1- RGB Values

فى هذه الطريقة يتم التعبير عن لون ما بقيمة الالوان الاحمر و الاخضر و الازرق المتسخدمة فى تكوين هذا اللون و تاخذ الالوان الاحمر و الاخضر و الازرق قيم رقمية من 0 الى 255 .

2- HEX Codes

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

3- Color Names

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


كود HTML:

<!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>

نتيجة الكود: 


 - تستخدم خاصية color فى تحديد لون خط الكتابة بينما تستخدم خاصية background-color لتحديد لون خلفية الكتابة سواء كان خلفية جدول او فقرة او الصفحة كلها .


0 التعليقات

إرسال تعليق