تصویری: Mixin CSS چیست؟
2024 نویسنده: Lynn Donovan | [email protected]. آخرین اصلاح شده: 2023-12-15 23:46
مخلوط ها . آ میکسین به شما امکان می دهد گروه هایی را بسازید CSS اعلامیه هایی که می خواهید مجدداً در سرتاسر سایت خود استفاده کنید. شما حتی می توانید ارزش ها را پاس کنید تا خود را بسازید میکسین انعطاف پذیرتر استفاده خوب از a میکسین برای پیشوندهای فروشنده است.
به همین ترتیب، چگونه از Mixins در CSS استفاده کنم؟
پدید آوردن میکسین از طریق @ میکسین قانون مخلوط ها به نویسندگان سند اجازه می دهد تا الگوهایی از جفت ارزش ویژگی را تعریف کنند، که سپس می توانند در مجموعه قوانین دیگر مورد استفاده مجدد قرار گیرند. این میکسین name یک انتخابگر کلاس است که میکسین در حال اعلام شدن @ میکسین کلمه کلیدی باید دنبال شود میکسین نام و بلوک اعلامیه
علاوه بر این، Mixins در SCSS چیست؟ مخلوط ها به شما این امکان را می دهد که سبک هایی را تعریف کنید که می توانند مجدداً در سرتاسر شیوه نامه خود استفاده شوند. آنها اجتناب از استفاده از کلاس های غیر معنایی مانند را آسان می کنند. float-left، و برای توزیع مجموعه ای از سبک ها در کتابخانه ها. آ میکسین نام می تواند هر باشد ساس شناسه، و می تواند حاوی هر عبارتی غیر از عبارات سطح بالا باشد.
با توجه به این موضوع، چگونه از Mixins استفاده می کنید؟
به استفاده کنید آ مخلوط کن ، ما به سادگی استفاده کنید @include به دنبال آن نام مخلوط کن و نیم دونقطه. پس از کامپایل این کد SCSS در CSS، فایل CSS ما باید به این شکل باشد.
چرا از میکسن استفاده می کنید؟
مخلوط کن . مخلوط ها تشویق به استفاده مجدد از کد و می توان بودن استفاده می شود از ابهام وراثت که ارث چندگانه اجتناب کنید می توان علت ("مشکل الماس")، یا به در مورد عدم پشتیبانی از وراثت چندگانه در یک زبان کار کنید. آ میکسین قوطی همچنین به عنوان یک رابط با روش های پیاده سازی شده در نظر گرفته شود.
توصیه شده:
بلوک CSS چیست؟
عناصر سطح بلوک یک عنصر سطح بلوک همیشه از یک خط جدید شروع می شود و تمام عرض موجود را اشغال می کند (تا آنجا که می تواند به سمت چپ و راست کشیده می شود). عنصر یک عنصر در سطح بلوک است. نمونه هایی از عناصر سطح بلوک:
درصد در CSS چیست؟
نوع داده CSS یک مقدار درصد را نشان می دهد. اغلب برای تعریف اندازه نسبت به شی والد یک عنصر استفاده می شود. ویژگی‌های متعددی می‌توانند از درصدهایی مانند عرض، ارتفاع، حاشیه، لایه‌بندی و اندازه قلم استفاده کنند
ارزش در CSS چیست؟
مقادیر CSS چیست؟ مقادیر CSS در برابر ویژگی‌های CSS تنظیم می‌شوند و در بلوک اعلان CSS قرار می‌گیرند، که بخشی از قانون / دستور CSS است. CSS 2.1 انواع مقادیر زیر را اجازه می دهد: اعداد صحیح و واقعی، طول ها، درصدها، URL ها و URI ها، شمارنده ها، رنگ ها، رشته ها، مقادیر پشتیبانی نشده
ارث بری رنگ در CSS چیست؟
وراثت CSS بر اساس ویژگی دارایی کار می کند. هنگامی که به یک عنصر در یک سند اعمال می شود، یک ویژگی با مقدار "ارث بری" از همان مقداری استفاده می کند که عنصر والد برای آن ویژگی دارد. رنگ پس زمینه عنصر div سفید است، زیرا ویژگی background-color روی سفید تنظیم شده است
کودک در CSS چیست؟
انتخابگرهای CSS Child vs Descendant. Child Selector: Child Selector برای مطابقت دادن تمام عناصری که فرزند یک عنصر مشخص شده هستند استفاده می شود. رابطه بین دو عنصر را نشان می دهد. عملوند سمت چپ > والد و عملوند سمت راست عنصر فرزند است