دورة CSS : شرح الخاصية color
السلام عليكم
مرحباً بكم ,, المدونين والمدونات ومحبي برمجة صفحات الويب ,, اليوم معنا درس من دروس دورة CSS ويمكننا أن نطلق عليه درس تمهيدي او من الدروس الاساسية وهو شرح الخاصية color.
تلك الخاصية التي تجعلنا نعطي الكلام لوناً اخر او لون الخلفية او اي لون تراه امامك في صفحات الويب عدا الصور .
للحصول على اي لون تريد إليك هذا الرابط www.color-hex.com سوف نحتاجه لاحقاً ..
والان تعالوا بنا نضرب مثالاً في صفحة ويب ,, افتح صفحة تكست text فارغة ثم اعطها الامتداد html ثم ضع فيها الكود ..
<!DOCTYPE html>
<html>
<head>
<style>
h1 {color:#00CC00}
body{color:red}
p.ex {color:rgb(0,0,255)}
</style>
</head>
<body>
<h1>Mini Software</h1>
<p>Mini Software Mini Software Mini Software Mini Software Mini Software Mini Software Mini Software Mini Software Mini Software</p>
<p class="ex">Mini Software Mini Software Mini Software</p>
</body>
</html>وبالطبع هناك فرق في كتابة الالوان وهو ما سوف نتعرف عليه الان,, تكتب الألوان بثلاث اشكال مختلفة وتسمى كالآتي ...
color:#00CC00 تسمى هيكس او hex
color:red وليس لها مسمى وهي انك تضع اسم اللون وليس رقم
color:rgb(0,0,255) وتسمى rgb وهي ان تضع الثلاث الوان مخلوطة لتعطيك اللون المطلوب ,, الثلاث الوان يقصد بهم الاخضر والاحمر والأزرق , وهما الآلوان الاساسية في عالم الالوان .
لو دخلت على الموقع الذي عرضنا اياه في مقدمة الدرس سوف تجد أن الرابط معروض فيه اسماء الالوان ورقم الهكس ورقم rgb الخاص بهم
وبهذا ينتهي درسنا ,, نراكم على خير ..
التعليقات