آموزش Less

آموزش طراحی وب سایت با استفاده از Less

مجموعه قوانین منفصل شامل property ها، مجموعه قوانین تو در تو، متغیرها، mixin ها و غیره است. مجموعه قوانین در یک متغیر ذخیره می شود و در یک ساختار include می شود. بنابراین تمامی property های آن مجموعه قوانین به ساختار اضافه میشود.

 دیرکتیو (directive) @import برای وارد کردن فایل ها درون کد استفاده میشود. این کار باعث میشود تا کدهای LESS در چندین فایل پخش شوند و بنابراین مدیریت کدها در LESS آسان تر میشود. شما میتوانید @import را در هرجایی در کد قرار دهید.

اگر میخواهید مقادیر ساده و یا اعداد آرگومان را با هم مقایسه کنید میتوانید از گارد استفاده کنید. گاردها با mixin می آیند و شامل شرط هستند. هر میکسین یک یا چند گارد دارد که با کاما از هم جدا میشوند و باید درون پرانتز قرار بگیرند. LESS بجای if/else از میکسین گارد دار استفاده میکنند.

 گاردها برای این منظور استفاده میشوند تا مقادیر ساده یا تعداد آرگومان ها را در یک عبارت مقایسه کنند. گارد برای سلکتورهای CSS استفاده میشوند. درواقع گارد نحوه بیان میکسین Mixin و فراخوانی سریع آن می باشد. برای بیان موفق if، گارد را همراه با & بیاورید. این کار به شما این اجازه را میدهد که چندین گارد مختلف را با هم ترکیب کنید.

 لوپ loop به شما این اجازه را میدهد که یک عبارت یا گروهی از عبارات را چندین بار اجرا کنید. زمانی که میکسین های بازگشتی با عبارات گارد و انطباق الگویی ترکیب میشوند میتوان چندین ساختار تکرارپذیر را ایجاد کرد.

 merge یکی از ویژگی های LESS است که به شما این اجازه را میدهد تا با کمک space یا کاما چندین property یا ویژگی را در یک property بیاورید.

جدول زیر دو نوع از ویژگی هایی که میتوان با آنها merge را انجام داد نشان میدهد.

کاما در انتهای یک property اضافه میشود.

با استفاده از space میتوان property اضافه کرد.

جستجو در سایت

  • مقدمه +

    LESS فریم ورک  CSS است که میتوان استایل شیت را شخصی سازی و مدیریت کند. همچنین میتوان از آن برای

    Read More

  • نصب LESS +

    LESS فریم ورک  CSS است که میتوان استایل شیت را شخصی سازی و مدیریت کند و میتواند بر روی تمامی

    Read More

  • LESS - قوانین تو در تو - Nested Rules +

    یکسری از ویژگی های CSS وجود دارد که به شما این اجازه را میدهد تا از ویژگی های یک کلاس

    Read More

  • LESS - directive های تو در تو +

    شما میتوانید directive هایی نظیر media و keyframe را بصورت تو در تو بنویسید. شما میتوانید directive را در بالا

    Read More

  • LESS - عملیات ریاضی +

    LESS از برخی عملیات های ریاضی نظیر جمع (+)، منها (-)، ضرب (*)، و تقسیم (/) پشتیبانی میکند و میتوانند بر روی اعداد، رنگ

    Read More

  • LESS - escaping +

    escaping سلکتورها را بصورت داینامیک ایجاد میکند و از مقادیر متغیرها به شکل رشته استفاده میکنند.

    Read More

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

افراد آنلاین

ما 58 مهمان و بدون عضو آنلاین داریم