ما هو MIXIN CSS؟
ما هو MIXIN CSS؟

فيديو: ما هو MIXIN CSS؟

فيديو: ما هو MIXIN CSS؟
فيديو: Learn Sass in Arabic #12 - Mixin 2024, شهر نوفمبر
Anonim

الخلطات . أ ميكسين يتيح لك تكوين مجموعات من CSS التصريحات التي تريد إعادة استخدامها في جميع أنحاء موقعك. يمكنك حتى تمرير القيم لجعلك ميكسين أكثر مرونة. استخدام جيد لـ ميكسين هو لبادئات البائعين.

في المقابل ، كيف يمكنني استخدام Mixins في CSS؟

خلق الخلطات عبر @ ميكسين القاعدة الخلطات السماح لمؤلفي المستندات بتحديد أنماط أزواج قيمة الممتلكات ، والتي يمكن إعادة استخدامها بعد ذلك في مجموعات القواعد الأخرى. ال ميكسين name هو محدد فئة يعرّف ميكسين يتم الإعلان عنها. ال @ ميكسين يجب أن يتبع الكلمة الأساسية ميكسين اسم وكتلة إعلان.

بالإضافة إلى ذلك ، ما هو Mixins في SCSS؟ الخلطات يسمح لك بتحديد الأنماط التي يمكن إعادة استخدامها في جميع أنحاء ورقة الأنماط الخاصة بك. إنها تجعل من السهل تجنب استخدام الفصول غير الدلالية مثل. float-left ، ولتوزيع مجموعات الأنماط في المكتبات. أ ميكسين يمكن أن يكون أي اسم ساس المعرف ، ويمكن أن تحتوي على أي عبارة بخلاف عبارات المستوى الأعلى.

فيما يتعلق بهذا ، كيف تستخدم Mixins؟

إلى استعمال أ ميكسين ، نحن ببساطة استعمال تضمين متبوعًا باسم ملف ميكسين وفاصلة منقوطة. بعد تجميع كود SCSS هذا في CSS ، يجب أن يبدو ملف CSS الخاص بنا بهذا الشكل.

لماذا تستخدم mixin؟

ميكسين . الخلطات تشجيع إعادة استخدام التعليمات البرمجية و علبة يكون اعتدت ان تجنب الغموض الوراثي الذي تعدد فيه الميراث علبة تسبب ("مشكلة الماس") ، أو إلى التغلب على نقص الدعم للإرث المتعدد في اللغة. أ يمكن mixin أيضًا كواجهة مع الأساليب المنفذة.

موصى به: