فئات ألوان W3.CSS
ألوان W3.CSS الافتراضية
فئة اللون الافتراضية المستخدمة في W3.CSS مستوحاة من تصميم المواد.
تعكس ألوان التصميم متعدد الأبعاد الألوان المستخدمة في التسويق وعلامات الطريق والملاحظات اللاصقة.
مثال
<div class="w3-red">
<p>London is the most populous city in the United Kingdom,
with a metropolitan area of over 9 million inhabitants.</p>
</div>
لندن
لندن هي المدينة الأكثر اكتظاظًا بالسكان في المملكة المتحدة ، حيث يبلغ عدد سكانها أكثر من 9 ملايين نسمة.
لندن
لندن هي المدينة الأكثر اكتظاظًا بالسكان في المملكة المتحدة ، حيث يبلغ عدد سكانها أكثر من 9 ملايين نسمة.
لندن
لندن هي المدينة الأكثر اكتظاظًا بالسكان في المملكة المتحدة ، حيث يبلغ عدد سكانها أكثر من 9 ملايين نسمة.
واجهة مستخدم مسطحة
واجهة المستخدم المسطحة هي فئة ألوان شائعة أخرى يمكن استخدامها في W3.CSS:
مثال
<div class="w3-flat-turquoise">
<p>London is the most populous city in the United Kingdom,
with a metropolitan area of over 9 million inhabitants.</p>
</div>
لندن
لندن هي المدينة الأكثر اكتظاظًا بالسكان في المملكة المتحدة ، حيث يبلغ عدد سكانها أكثر من 9 ملايين نسمة.
يمكنك قراءة المزيد حول فئات الألوان البديلة في الفصول التالية من هذا البرنامج التعليمي.
واجهة مستخدم Windows Metro
مترو هو لقب Microsoft Design Language (MDL).
يركز Metro على الطباعة والرموز المبسطة والألوان الحديثة.
يوضح هذا المثال كيفية استخدام ألوان Windows Metro في W3.CSS:
مثال
<div class="w3-metro-light-green">
<p>London is the most populous city in the United Kingdom,
with a metropolitan area of over 9 million inhabitants.</p>
</div>
لندن
لندن هي المدينة الأكثر اكتظاظًا بالسكان في المملكة المتحدة ، حيث يبلغ عدد سكانها أكثر من 9 ملايين نسمة.
ويندوز 8
كان Windows 8 هو أول نظام تشغيل رئيسي يركز على التصميم المسطح والألوان الحديثة.
يوضح هذا المثال كيفية استخدام ألوان Windows 8 في W3.CSS:
مثال
<div class="w3-win8-lime">
<p>London is the most populous city in the United Kingdom,
with a metropolitan area of over 9 million inhabitants.</p>
</div>
لندن
لندن هي المدينة الأكثر اكتظاظًا بالسكان في المملكة المتحدة ، حيث يبلغ عدد سكانها أكثر من 9 ملايين نسمة.