W3.CSS

W3.CSS الصفحة الرئيسية W3.CSS مقدمة ألوان W3.CSS حاويات W3.CSS لوحات W3.CSS حدود W3.CSS بطاقات W3.CSS افتراضيات W3.CSS خطوط W3.CSS W3.CSS جوجل نص W3.CSS جولة W3.CSS حشوة W3.CSS هوامش W3.CSS عرض W3.CSS أزرار W3.CSS ملاحظات W3.CSS اقتباسات W3.CSS تنبيهات W3.CSS جداول W3.CSS قوائم W3.CSS صور W3.CSS مدخلات W3.CSS شارات W3.CSS علامات W3.CSS أيقونات W3.CSS W3.CSS مستجيب W3.CSS تخطيط الرسوم المتحركة W3.CSS تأثيرات W3.CSS أشرطة W3.CSS القوائم المنسدلة W3.CSS أكورديون W3.CSS W3.CSS التنقل W3.CSS الشريط الجانبي علامات تبويب W3.CSS W3.CSS ترقيم الصفحات أشرطة تقدم W3.CSS عرض شرائح W3.CSS W3.CSS مشروط W3.CSS Tooltips شبكة W3.CSS كود W3.CSS مرشحات W3.CSS اتجاهات W3.CSS حالة W3.CSS مادة W3.CSS التحقق من صحة W3.CSS إصدارات W3.CSS W3.CSS موبايل

ألوان W3.CSS

فئات ألوان W3.CSS W3.CSS لون المواد W3.CSS Color Flat UI W3.CSS Color Metro UI W3.CSS لون Win8 W3.CSS Color iOS W3.CSS لون الموضة مكتبات ألوان W3.CSS أنظمة ألوان W3.CSS ثيمات ألوان W3.CSS W3.CSS Color Generator

بناء الويب

مقدمة الويب ويب HTML Web CSS جافا سكريبت الويب تخطيط ويب فرقة الويب تقديم الطعام على شبكة الإنترنت مطعم ويب مهندس الويب

أمثلة

أمثلة W3.CSS عروض W3.CSS قوالب W3.CSS

مراجع

مرجع W3.CSS تنزيلات W3.CSS

كود W3.CSS


أمثلة العرض

يتم استخدام فئة اللوحة w3 لعرض أمثلة في حاوية رمادية:

مثال

  • جيل
  • حواء
  • آدم


كود العرض

تُستخدم فئة w3-code لعرض التعليمات البرمجية بخط أحادي المسافات يمكن قراءته.

مثال

فواكه [0] = "موز" ؛
فواكه [1] = "تفاح" ؛
فواكه [2] = "مانجو" ؛
الفواكه [3] = "البرقوق" ؛


تسليط الضوء على التعليمات البرمجية المضمنة

تُستخدم فئة w3-codespan لإبراز الكود المضمن:

يحدد htmlالعنصر صفحة HTML.

مثال

The <code class="w3-codespan">html</code> element defines an HTML page.


كود التلوين

توفر W3Schools مكتبة JavaScript لرمز التلوين.

مثال

فواكه [0] = "موز" ؛
فواكه [1] = "تفاح" ؛
فواكه [2] = "مانجو" ؛
الفواكه [3] = "البرقوق" ؛

يمكنك تنزيل المكتبة من هنا: https://www.w3schools.com/lib/w3codecolor.js

إذا كنت تستخدم مكتبة w3codecolor.js ، فيمكنك أيضًا استخدام فئات التعليمات البرمجية الموضحة أدناه:


قم بتمييز كود JavaScript

تُستخدم فئة jsHigh لتمييز كود JavaScript:

مثال

<div class="w3-code jsHigh">

.. JavaScript code here

</div>

قم بتمييز كود HTML

تُستخدم فئة htmlHigh لتمييز كود HTML:

مثال

<div class="w3-code htmlHigh">

.. HTML code goes here

</div>

قم بتمييز كود CSS

تُستخدم الفئة cssHigh لتمييز كود CSS:

مثال

<div class="w3-code cssHigh">

.. CSS code here

</div>