ميني سوفت


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

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

23 Dec 2013

إرسال تعليق Blogger

  1. شكرا على هذه الامعلومات لكن الالوان الاساسية هي (الاصفر والاحمر والازرق) وليس الاخضر {اللون الأزرق + اللون الأصفر= اللون الأخضر}

    ردحذف
  2. If you're trying hard to lose weight then you have to jump on this totally brand new tailor-made keto meal plan.

    To create this keto diet, licensed nutritionists, fitness trainers, and cooks have joined together to develop keto meal plans that are useful, painless, money-efficient, and fun.

    From their launch in 2019, 1000's of individuals have already transformed their body and well-being with the benefits a good keto meal plan can give.

    Speaking of benefits: in this link, you'll discover eight scientifically-proven ones provided by the keto meal plan.

    ردحذف

Emoticon
:) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer
Click to see the code!
To insert emoticon you must added at least one space before the code.

 
Top