ميني سوفت


السلام عليكم
مرحباً بكم ,, المدونين والمدونات ومحبي برمجة صفحات الويب ,, اليوم معنا درس من دروس دورة 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  الخاص بهم 

وبهذا ينتهي درسنا ,, نراكم على خير ..

علق على هذا الموضوع تعليقات الموقع تعليقات Disqus

 
للأعلى