آموزش Less

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

scope نشانگر محل متغیر موجود است. کامپایلر ابتدا به دنبال متغیرهای محلی میگردد و اگر متغیرها موجود نبود در scope بالاتر به دنبال آن میگردد.

کامنت باعث میشود تا کد شما واضح شود و دیگران به راحتی آنرا متوجه شوند. شما میتوانید کامنت خود را بصورت بلوک و یا بصورت اینلاین بنویسید، اما اگر بصورت اینلاین کامنت بنویسید هنگام کامپایل از بین میروند و آنرا در فایل CSS نخواهید دید.

از این دستور برای Importe محتوای فایل های LESS یا CSS استفاده میشود.

در LESS متغیرها با @ تعریف می شوند. مقادیر متغیرها با دو نقطه به متغیرها اختصاص داده می شوند.

ممکن است هنگام نوشتن سی اس اس مجبور شده باشید بعضی مقادیر نظیر رنگ یا اندازه فونت را بارها تکرار کنید. به کمک less شما میتوانید این مقادیر را تبدیل به متغیر کنید. اینکار باعث میشود نگهداری کدهای شما راحت تر باشد و هنگام تغییر تنها یک جا را تغییر دهید.

selector میتواند به هر متغیر ارجاع داده شود و در زمان کامپایل ایجاد شود. نام متغیر باید بین پرانتز {} بیاید و ابتدای آن از سمبل @ استفاده کرد.

از متغیرها میتوان برای ذخیره کردن مسیر URL ها استفاده کرد.

دستورات import میتواند شامل متغیری باشد که در خود مسیری ذخیره کرده است. زمانی که شما یک پوشه یکسان دارید این کار بسیار مفید خواهد بود.

جستجو در سایت

  • مقدمه +

    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 مهمان و بدون عضو آنلاین داریم