أعتقد أن جميع الأصدقاء الذين درسوا CSS يعرفون CLASS، ولا أعرف كيف تستخدمه عند إنشاء صفحات الويب. هذه هي الطريقة التي أقوم بها بإنشاء كود تخطيط DIV. لا أعرف ما إذا كان الأمر واضحًا أم لا، دعنا نلقي نظرة على ذلك،
وأقسم الفئات إلى نوعين، فئة التخطيط وفئة التصميم هي الهيكل العظمي، وفئة النمط هي الملابس
على سبيل المثال:
اليسار
يحتويالعمود الموجود في التخطيط
أولاً على سماته:: إنه العمود الأيسر، والعرض، ولون الخلفية، ولون الخط، وما إلى ذلك.
1. أولاً، سيتم تعريف فئة، مثل: .layout، والتي تستخدم بشكل أساسي للتحكم في حجم الصفحة بالكامل
Layout{width:98%;margin:0 auto;text-align:left;}
2. ثم 3 تخطيطات أساسية Class(l,m,r)
.l{float:left}
.m{width:auto}
.r{float:right}
أقوم أيضًا بتصنيف التخطيط المكون من عمودين إلى تخطيط ثلاثي الأعمدة، لأنه في تخطيط مكون من 3 أعمدة، عندما يكون عرض الأعمدة اليسرى واليمنى 0 على التوالي، تصبح 3 أعمدة عمودين.
عندما نكتب كود التخطيط الأساسي، فمن الأفضل كتابته بتنسيق مكون من 3 أعمدة.
3. وفقًا لفئة التخطيط، حدد فئة النمط المطلوبة، مثل العرض والارتفاع ولون الخلفية وما إلى ذلك. هذه كلها عناصر نمط
class_l{background:#ff0;margin-right: -150px;width:150px;}
.class_m. {background:# f00;margin:0 140px 0 150px;}
.class_r{background:#00f;margin-left: -140px;width:140px;}
هناك مجموعة واحدة فقط من فئات التخطيط، ولكن يمكن تعريف العديد من فئات الأنماط على سبيل المثال، تحتاج إلى القيام بذلك في العمود الأوسط. يمكن لتخطيط صغير مكون من عمودين تحديد فئة نمط أخرى
.mid_l{background:#ff0;margin-right: -100px;width:100px;}
.mid_m{background:#. f00;margin:0 0 0 100px;}
4. قم بدمج فئة التخطيط وفئة النمط والإشارة إليهما في الكود مثل هذا
اقتبس كلا الفئتين، مفصولتين بمسافات. الأول هو فئة التخطيط، والثاني هو فئة النمط. يمكنك الاستمرار في اقتباس الفئتين بمسافات إذا كنت بحاجة إلى تعريفهما بشكل خاص، فيمكنك إعطاء div معرف للتعريف.
يمكن أيضًا كتابة بعض فئات الأنماط الشائعة الاستخدام على أنها عالمية، على سبيل المثال، يمكن تعريفها ضمنيًا كـ
.hide
{display:none}.
أماكن مفيدة أليست مريحة للغاية؟ يمكنك أيضًا تدوين تجاربك الجيدة ومشاركتها