إستكمالا لدورة تعلم لغات HTML/CSS ، سنتعلم في هذا الفصل عدة خصائص خاصة بالتحكم في الألوان ، ستساعدك هذه الخصائص في إضفاء جمالية و أناقة و مظهر منظم لعناصر موقعك بحيث تجذب الزوار و تسهل عليهم التصفح و غيرها .... سنتعرف في هذا الفصل بالتفصيل على :
كيفية تغيير ألوان النصوص .
كيفية وضع صورة كخلفية .
كيفية إضافة الظلال .
كل هذا و سحر الـCSS لا يزال في بدايته .
الفهرس
ألوان النصوص .
ألوان الخلفية .
صور الخلفية .
ألوان النصوص .
كالعادة ننطلق من تعريف الخاصية الجديدة ، ثم تحديد مختلف القيم التي تأخذها .
خاصية التحكم في لون النصوص هي color ، و لقد رأينا هذه الخاصية في فصل سابق بإيجاز ، لكن الان سنتعمق فيها لنتعرف عليها أكثر .
تأخذ خاصية color الكثير من القيم و ذلك حسب اللون المراد تحديدة ، فالقيمة التي تأخذها هذه الخاصية تشير إلى اللون المراد إظهاره ، و قيم الألوان قصة طويلة يجب سردها طبعا .
تحديد الألوان بأسمائها
الطريقة الأبسط لتحديد اللون هي كتابة إسمه في قيمة الخاصية color و إسمه بالإنجليزية طبعا ، مثلا :
h1 { color: red;}
سهلة و بسيطة ، لكن هذه الطريقة في الواقع تحتوي على نقص كبير ، و هي غير فعالة لعدة أسباب .
فالألوان كثيرة جدا و لا يمكن حصرها بالأسماء ، فالأزرق مثلا يتدرج من الأزرق الفاتح إلى الأزرق الداكن ، و مع ذلك فإننا نقول عندما نصادف أي لون من تلك التدريجات إنه لون أزرق ( أزرق ، أزرق ، أزرق ، أزرق ... ) ، إذن فطريقة الأسماء تبقى محدودة و غير فعالة .
لكن مع كل هذا لا بد لنا من وضع مثال لإشتغالها أليس كذلك ، على كل حال ستجد في هذه الصفحة من موقع W3Schools قائمة طويلة بالألوان و أسمائها .
h1 {
color: DodgerBlue;
}
كيفية تغيير ألوان النصوص .
كيفية وضع صورة كخلفية .
كيفية إضافة الظلال .
كل هذا و سحر الـCSS لا يزال في بدايته .
الفهرس
ألوان النصوص .
ألوان الخلفية .
صور الخلفية .
ألوان النصوص .
كالعادة ننطلق من تعريف الخاصية الجديدة ، ثم تحديد مختلف القيم التي تأخذها .
خاصية التحكم في لون النصوص هي color ، و لقد رأينا هذه الخاصية في فصل سابق بإيجاز ، لكن الان سنتعمق فيها لنتعرف عليها أكثر .
تأخذ خاصية color الكثير من القيم و ذلك حسب اللون المراد تحديدة ، فالقيمة التي تأخذها هذه الخاصية تشير إلى اللون المراد إظهاره ، و قيم الألوان قصة طويلة يجب سردها طبعا .
تحديد الألوان بأسمائها
الطريقة الأبسط لتحديد اللون هي كتابة إسمه في قيمة الخاصية color و إسمه بالإنجليزية طبعا ، مثلا :
h1 { color: red;}
سهلة و بسيطة ، لكن هذه الطريقة في الواقع تحتوي على نقص كبير ، و هي غير فعالة لعدة أسباب .
فالألوان كثيرة جدا و لا يمكن حصرها بالأسماء ، فالأزرق مثلا يتدرج من الأزرق الفاتح إلى الأزرق الداكن ، و مع ذلك فإننا نقول عندما نصادف أي لون من تلك التدريجات إنه لون أزرق ( أزرق ، أزرق ، أزرق ، أزرق ... ) ، إذن فطريقة الأسماء تبقى محدودة و غير فعالة .
لكن مع كل هذا لا بد لنا من وضع مثال لإشتغالها أليس كذلك ، على كل حال ستجد في هذه الصفحة من موقع W3Schools قائمة طويلة بالألوان و أسمائها .
h1 {
color: DodgerBlue;
}
لا تعليق
إرسال تعليق