أحدث البرامج التعليمية وتطوير الشبكة
 

W3.CSS أمثلة

×

رأس


W3.CSS حاويات

حاوية الأساسية
حاوية مع اللون
رأس الحاويات
تذييل الحاويات
المادة الحاويات وقسم
الملاحظات الحاويات
لوحات الحاويات
ونقلت الحاويات
الحاويات باستخدام <div> عناصر
حاوية مع عناصر دلالية
الحشو الحاويات
حاوية مع رؤوس والفقرات
باجتزاء الحاويات
إخفاء الحاويات / إغلاق
إظهار / حاويات مفتوحة

وأوضح الأمثلة


W3.CSS حدود

الحدود
عرض الملاحظات
عرض لوحات
عرض اقتباسات
عرض الحدود hoverable
عرض كود HTML
عرض رمز المغلق
عرض شفرة جافا سكريبت

وأوضح الأمثلة


W3.CSS المرافق / المساعدون

الحشو على جميع الأطراف
الحشو الأفقي
الحشو الرأسي
المرافق هامش
المرافق التحجيم
التقريب المرافق
المرافق دائرة
المرافق مركز
العائمة المرافق
المرافق إظهار / إخفاء

وأوضح الأمثلة


أزرار W3.CSS

أزرار بسيطة
الألوان زر
الألوان تحوم
الأشكال زر
أحجام زر
الحدود زر
الأزرار مع تأثيرات النص
الأزرار مع تأثيرات الظل
الأزرار مع تأثيرات النص ضئيلة واسعة
أزرار العرض الكامل
أزرار للمعاقين
مجموعة زر
أزرار مع التداعيات
أزرار عائمة (التعميم)
أزرار عائمة كبيرة

وأوضح الأمثلة


بطاقات W3.CSS

بطاقات الأساسية
بطاقات ملونة
بطاقات الصور الفوتوغرافية
محتوى بطاقة
بطاقات Hoverable
الصورة الرمزية بطاقة مع أزرار
الصورة الرمزية بطاقة مع زر العرض الكامل

وأوضح الأمثلة


W3.CSS تنبيهات

تنبيهات بسيطة
تنبيهات محكمة السد
تنبيهات مدورة
بطاقات تنبيه

وأوضح الأمثلة


جداول W3.CSS

الجدول الأساسي
الجدول يحدها (فواصل أفقية)
الجدول المخطط
يحدها جدول مخطط
الحدود حول الجدول
التقليب المشارب
الجدول مع عنوان الملون
ألوان الجدول
الجدول Hoverable (اللون الرمادي)
معين hoverable لون الجدول
بطاقة الجدول
الجدول تستجيب
طاولة صغيرة
طاولة صغيرة
جدول كبير
الجدول حجم كبير جدا
الجدول XXLarge
الجدول XXXLarge
الجدول جمبو

وأوضح الأمثلة


قوائم W3.CSS

قائمة الأساسية
قائمة يحدها
رأس قائمة
بطاقة قائمة
قائمة تتمحور
قائمة الملونة
قائمة الملونة البند
قائمة Hoverable (اللون الرمادي)
محددة قائمة hoverable اللون
قائمة محكمة السد
قائمة مبطن
قائمة الصور الرمزية
قائمة صغيرة
قائمة صغيرة
قائمة كبيرة
قائمة حجم كبير جدا
قائمة XXLarge
قائمة XXXLarge
قائمة جامبو

وأوضح الأمثلة


صور W3.CSS

صورة مقربة
صورة دائري
صورة يحدها
صورة Hoverable
بطاقة صورة
النص صورة
إلبوم الصور

وأوضح الأمثلة


W3.CSS المدخلات

أعلى العلامات
تسميات أسفل
بطاقات الإدخال
العلامات الخضراء
التحقق من صحة المدخلات التسمية
ملصقات ملونة
المدخلات يحدها
حدود مدورة
المدخلات بلا حدود
المدخلات الملونة
المدخلات Hoverable
المدخلات المتحركة
مربعات
أزرار الراديو
اختر القائمة
يحدها اختيار القائمة
عناصر النموذج في شبكة ثلاثة أعمدة
تخطيط يومين عمود مع تسميات

وأوضح الأمثلة


W3.CSS الشارات

شارات
الكلمات
قائمة مع شارات
علامات كبيرة
شارات كبيرة
عرض رسائل كعلامات

وأوضح الأمثلة


W3.CSS علامات

العلامة كعلامة
الكلمات في صف واحد
اشارات الطريق
علامات كبيرة
علامات كبيرة 2
علامات دائرية كبيرة
عرض العلم

وأوضح الأمثلة


W3.CSS مجيب

الطبقة نصف W3
الطبقة الثالثة-W3
الطبقة-W3 twothird
الطبقة ربع W3
الطبقة W3-threequarter
الصفوف المتداخلة (نصف W3 داخل نصف W3)
الأعمدة باستخدام W3-بقية
الأعمدة باستخدام المئة
الطبقة-W3 المحتوى
الفرق بين W3 الصف وW3-صف الحشو

وأوضح الأمثلة


W3.CSS تحريك

كبار الرسوم المتحركة
الرسوم المتحركة القاع
الرسوم المتحركة الأيسر
الرسوم المتحركة الصحيح
يتلاشى الرسوم المتحركة
يتلاشى الرسوم المتحركة لانهائي
التكبير للرسوم المتحركة
تدور الرسوم المتحركة
تتلاشى كل

وأوضح الأمثلة


W3.CSS DROPDOWNS

القائمة المنسدلة Hoverable
المنسدلة Hoverable
المنسدلة في الناف بار
القائمة المنسدلة للنقر
صورة المنسدلة
المنسدلة بطاقة
الرسوم المتحركة القائمة المنسدلة

وأوضح الأمثلة


W3.CSS الأكورديون

الأكورديون الأساسي
أزرار الأكورديون
الأكورديون نشط
عرض الأكورديون
الروابط الأكورديون
بطاقة الأكورديون مع القوائم
الأكورديون والمنسدلة في sidenav
الرسوم المتحركة الأكورديون

وأوضح الأمثلة


W3.CSS الإنتقال

التنقل الأساسي (W3-الناف بار)
نافبار الملونة
نافبار يحدها
صلة نشطة في الناف بار
الروابط نافبار Hoverable
وصلات محاذاة إلى اليمين
نافبار حجم الخط
نافبار الحشو
عرض نافبار
الرموز نافبار
نافبار مع المنسدلة
نافبار مع المنسدلة نشطة ورمز
نافبار مع القائمة المنسدلة للنقر
كبار نافبار
نافبار القاع
نافبار لطي
Topnav
Topnav مع الرموز

وأوضح الأمثلة


W3.CSS Sidenav

sidenav الأساسية (عرض دائما)
sidenav للطي
Sidenav إخفاء جزء من محتوى الصفحة
Sidenav إخفاء كل محتوى الصفحة
Sidenav تحويل المحتوى إلى اليمين
اللون Sidenav
sidenav يحدها
أسفل sidenav تحدها (فواصل)
بطاقة Sidenav
الروابط sidenav Hoverable (لون الخلفية)
الروابط sidenav Hoverable (لون النص)
حجم Sidenav
Sidenav مع الرموز (شريط رمز)
Sidenav مع المنسدلة
Sidenav مع الأكورديون
sidenav المتحركة
Sidenav مع تأثير تراكب
Sidenav مع المحتوى

وأوضح الأمثلة


W3.CSS علامات التبويب

علامة التبويب الأساسي
علامة التبويب النشطة / الحالي
علامة التبويب العمودي
محتوى التبويب الرسوم المتحركة
كلفه معرض الصور
علامات التبويب في شبكة

وأوضح الأمثلة


W3.CSS ترقيم الصفحات

ترقيم الصفحات الأساسية
السهام ترقيم الصفحات
رابط ترقيم الصفحات النشطة
اللون ترقيم الصفحات تحوم
حجم ترقيم الصفحات
ترقيم الصفحات يحدها
ترقيم الصفحات تحدها مدورة
ترقيم الصفحات توسيط
القادمة السهام ترقيم الصفحات / السابقة
القائمة ترقيم الصفحات

وأوضح الأمثلة


البارات W3.CSS التقدم

شريط التقدم الأساسي
أحجام شريط التقدم
تقدم شريط الألوان
أشرطة التقدم مدورة
تقدم تسميات شريط
شريط التقدم الديناميكي
شريط التقدم الديناميكي مع التسمية تركزت
شريط التقدم الديناميكي مع التسمية الانحياز اليسار
شريط التقدم الديناميكي مع التسمية وضعت خارج

وأوضح الأمثلة


W3.CSS الطباعة

العناوين
الطبقات حجم الخط
معايير w3.css الغالبة

وأوضح الأمثلة


W3.CSS الخطوط

كيفية استخدام فئة الخط
كيفية استخدام الخطوط الخارجية
خارجي الخط جوجل: جراد البحر
تأثيرات الخط
تأثيرات الخط 2
تغيير الخط الصفحة

وأوضح الأمثلة


W3.CSS الأيقونات

الرموز رهيبة الخط
جوجل الرموز تصميم المواد
الرموز التمهيد

وأوضح الأمثلة


W3.CSS عرض الشرائح

عرض الشرائح اليدوي مع الصور
عرض الشرائح التلقائي مع الصور
الشرائح HTML التلقائي
تعليق الشرائح
مؤشرات الشرائح مع الأرقام والسابق / الأزرار التالية
مؤشرات الشرائح مع الرموز والرصاص
صور كمؤشرات
الشرائح المتحركة
عرض الشرائح التلقائي مع يتلاشى بلا حدود

وأوضح الأمثلة


تأثيرات النص W3.CSS

ظل النص
غموض النص

وأوضح الأمثلة


W3.CSS مشروط

مشروط الأساسي (مربع الحوار / نافذة منبثقة)
مشروط مع حاويات
بطاقة الوسائط
الرسوم المتحركة مشروط
تتلاشى في مشروط
صورة مشروط
مشروط معرض الصور
نموذج تسجيل دخول مشروط
علامة التبويب مشروط
كيفية إغلاق مشروط

وأوضح الأمثلة


W3.CSS تلميحات

النص تلميح الأدوات المضمنة
العلامة تلميح الأدوات المضمنة
نص تلميحات الأدوات قبل صورة hoverable
نص تلميح الأدوات بعد صورة hoverable
تلميح الأدوات المطلق
تلميح الأدوات الملونة
تلميح أداة مدور
تلميح صغير
تلميح كبير

وأوضح الأمثلة


W3.CSS الشبكة المستجيبة

مظاهرة شبكة السوائل
عمودين متساوية
عمودين غير متكافئة
ثلاثة أعمدة متساوية
ثلاثة أعمدة غير متكافئة
ستة أعمدة متساوية
مختلطة: الجوال وأجهزة الكمبيوتر المحمولة
مختلطة: موبايل، أقراص وأجهزة الكمبيوتر المحمولة
الفرق بين W3 الصف وW3-صف الحشو
الأعمدة باستخدام W3-بقية
الأعمدة باستخدام المئة

وأوضح الأمثلة