التمهيد الطبقة المساعدة
ويناقش هذا الفصل بعض التمهيد قد تأتي في فئات المساعد في متناول يدي.
نص
الطبقات المختلفة التالية تظهر ألوان النص مختلفة. إذا كان النص هو وجود صلة لتحريك الماوس فوق النص سيتم خافتة:
فئة | وصف | أمثلة |
---|---|---|
.text-صامتة | نمط النص "، صامتة النص" الفئة | محاولة |
.text الابتدائي | نمط النص "النص الأساسي" الفئة | محاولة |
.text-نجاح | نمط النص "النص نجاح" الفئة | محاولة |
.text اينفو | نمط النص "النص معلومات" فئة | محاولة |
.text الإنذار | نمط النص "، محذرا من النص" الفئة | محاولة |
.text-خطر | نمط النص "النص خطر فئة" | محاولة |
خلفية
الطبقات المختلفة التالية توضح خلفية مختلفة الألوان. إذا كان النص هو وجود صلة لتحريك الماوس فوق النص سيتم خافتة:
فئة | وصف | أمثلة |
---|---|---|
.bg الابتدائي | خلية جدول باستخدام فئة "جي-الابتدائية" | محاولة |
.bg-نجاح | خلية جدول باستخدام "BG-نجاح" الفئة | محاولة |
.bg اينفو | خلية جدول باستخدام "BG-المعلومات" الفئة | محاولة |
.bg الإنذار | خلية جدول باستخدام "تحذير حرس الحدود" الفئة | محاولة |
.bg-خطر | خلية جدول باستخدام "BG-خطر" فئة | محاولة |
آخر
فئة | وصف | أمثلة |
---|---|---|
.pull يسار | عناصر تطفو إلى اليسار | محاولة |
.pull اليمين | عناصر تطفو إلى اليمين | محاولة |
.center كتلة | تم تعيين عنصر العرض: كتلة، وتركزت | محاولة |
.clearfix | تعويم اضح | محاولة |
. تظهر | يتم عرض عناصر إلزامية | محاولة |
.hidden | اختباء عنصر إلزامي | محاولة |
.sr فقط | بالإضافة إلى قارئ الشاشة، وعنصر مخفي على الأجهزة الأخرى | محاولة |
.sr فقط-القابل للتركيز | بالتزامن مع فئة .sr فقط، تظهر عندما يحصل على عنصر التركيز (مثل: تشغيل لوحة المفاتيح المستخدم) | محاولة |
.text إخفاء | وتضمنت عناصر الصفحة نص استبدال الخلفية | محاولة |
.close | عرض قبالة زر | محاولة |
.caret | عرض القائمة المنسدلة | محاولة |
مزيد من الأمثلة
انهيار رمز
استخدام انهيار رمز مشترك لإغلاق مربع مشروط ومربع التنبيه. استخدامالطبقة قريبة من الحصول على رمز وثيق.
أمثلة
محاولة »
وكانت النتائج على النحو التالي:
الإقحام
استخدام الإقحام إلى هدم وظيفة والاتجاه. استخدام <SPAN> العنصر مع الإقحامالطبقة للحصول على هذه الميزة.
وكانت النتائج على النحو التالي:
العائمة سريع
يمكنك استخدام كلفئة من يسار سحب سحب اليمينأو إلى اليسار أو عناصر العائمة اليمين. يوضح المثال التالي هذه النقطة.
أمثلة
محاولة »
وكانت النتائج على النحو التالي:
لمحاذاة مكونات شريط التنقل، واستخدام.navbar اليسرى أو اليمنى .navbarبدلا من ذلك. رؤية شريط التنقل التمهيد .
محتوى تركزت
استخدامالطبقة مركز كتلة لتوسيط العناصر.
أمثلة
محاولة »
وكانت النتائج على النحو التالي:
تعويم اضح
لمسح عنصر عائم، استخدم.clearfix الطبقة.
أمثلة
محاولة »
وكانت النتائج على النحو التالي:
عرض واخفاء المحتوى
يمكنك فرض عنصر لعرض أو إخفاء (بما في ذلك قارئات الشاشة) من خلال استخدامالطبقة. تظهر و.hiddenالقادمة.
أمثلة
محاولة »
وكانت النتائج على النحو التالي:
قارئ الشاشة
يمكنك وضع جميع العناصر على الجهاز باستخدامفئة الخفية .sr فقط، بالإضافة إلى قارئ الشاشة.
أمثلة
محاولة »
وكانت النتائج على النحو التالي:
وهنا نرى نوعين من البطاقات إدخال التسمية معالطبقة ريال فقط، وبالتالي فإن التسمية إلا للقارئات الشاشة.