ألوان W3.CSS
نظام الألوان الافتراضي المستخدم في W3.CSS مستوحى من ألوان التصميم متعدد الأبعاد (الألوان المستخدمة في التسويق وعلامات الطريق والملاحظات اللاصقة).
تلوين عناصر HTML
يمكن استخدام فئتي ألوان w3- color و w3-text- لتلوين أي عنصر HTML:
حاويات:
لندن هي المدينة الأكثر اكتظاظًا بالسكان في المملكة المتحدة ، حيث يبلغ عدد سكانها أكثر من 9 ملايين نسمة.
لندن هي المدينة الأكثر اكتظاظًا بالسكان في المملكة المتحدة ، حيث يبلغ عدد سكانها أكثر من 9 ملايين نسمة.
أزرار:
نص:
الحدود:
أحمر
لون أخضر
أزرق
أصفر
رمادي
أسود
الجداول:
اسم | نقاط |
---|---|
جيل سميث | 50 |
حواء جاكسون | 94 |
آدم جونسون | 67 |
البطاقات:
السيارة عبارة عن مركبة آلية ذاتية التشغيل ذات عجلات تستخدم في النقل. تحدد معظم تعريفات المصطلح أن السيارات مصممة للتشغيل بشكل أساسي على الطرق ، بحيث تتسع لعدد واحد إلى ثمانية أشخاص ، ويكون لها عادةً أربع عجلات. (ويكيبيديا)
ألوان الخلفية
تحدد فئات الألوان w3- لون الخلفية لأي عنصر HTML:
لندن
لندن هي المدينة الأكثر اكتظاظًا بالسكان في المملكة المتحدة ، حيث يبلغ عدد سكانها أكثر من 9 ملايين نسمة.
لندن
لندن هي المدينة الأكثر اكتظاظًا بالسكان في المملكة المتحدة ، حيث يبلغ عدد سكانها أكثر من 9 ملايين نسمة.
لندن
لندن هي المدينة الأكثر اكتظاظًا بالسكان في المملكة المتحدة ، حيث يبلغ عدد سكانها أكثر من 9 ملايين نسمة.
مثال
<div class="w3-red">
<h2>London</h2>
<p>London is the most populous city in the United Kingdom,
with a metropolitan area of over 9 million inhabitants.</p>
</div>
<div class="w3-yellow">
<h2>London</h2>
<p>London is the most populous city in the United Kingdom,
with a metropolitan area of over 9 million inhabitants.</p>
</div>
<div class="w3-gray">
<h2>London</h2>
<p>London is the most populous city in the United Kingdom,
with a metropolitan area of over 9 million inhabitants.</p>
</div>
يمكن تبديل اللونين الرمادي والرمادي في جميع فئات W3.CSS .
ألوان النص
تحدد فئات ألوان النص w3 لون النص لأي عنصر HTML :
لندن
لندن هي المدينة الأكثر اكتظاظًا بالسكان في المملكة المتحدة ، حيث يبلغ عدد سكانها أكثر من 9 ملايين نسمة.
لندن
لندن هي المدينة الأكثر اكتظاظًا بالسكان في المملكة المتحدة ، حيث يبلغ عدد سكانها أكثر من 9 ملايين نسمة.
مثال
<div class="w3-text-red">
<h2>London</h2>
<p>London is the most populous city in the United Kingdom,
with a metropolitan area of over 9 million inhabitants.</p>
</div>
تحوم الألوان
تحدد فئات الألوان w3-hover- لون تحويم الخلفية لأي عنصر HTML:
لندن
لندن هي المدينة الأكثر اكتظاظًا بالسكان في المملكة المتحدة ، حيث يبلغ عدد سكانها أكثر من 9 ملايين نسمة.
مثال
<div class="w3-container w3-orange w3-hover-red">
<h2>London</h2>
<p>London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.</p>
</div>
تحدد فئات ألوان w3-hover-text- لون تحويم النص لأي عنصر HTML:
لندن
لندن هي المدينة الأكثر اكتظاظًا بالسكان في المملكة المتحدة ، حيث يبلغ عدد سكانها أكثر من 9 ملايين نسمة.
مثال
<div class="w3-container w3-orange w3-hover-text-white">
<h2>London</h2>
<p>London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.</p>
</div>
مكتبات الألوان
بالإضافة إلى ألوان W3.CSS القياسية ، يمكن لـ W3.CSS أيضًا استخدام ألوان من العديد من مكتبات الألوان المختلفة:
ألوان النوافذ:
انقر هنا لمعرفة المزيد عن ألوان Windows
ألوان الموضة:
الصفراء
شجرة التنوب المظللة
الفاوانيا البحرية
ميناء أصحر
انقر هنا لمعرفة المزيد عن ألوان الموضة
ألوان الطرق السريعة:
انقر هنا لمعرفة المزيد حول مكتبات الألوان
سوف تتعلم الكثير عن الألوان في فصول لاحقة من هذا البرنامج التعليمي.