دوره های آموزشی آکادمی پی وی لرن (پروژه محور و ویژه بازار کار)



  • ۱۴
  • اسفند

جلسه ۱۱ : ایمپورت کردن در LESS

  • دسته‌بندی‌ها :
جلسه ۱۱ : ایمپورت کردن در LESS
    • جزئیات
    • نوع محتواآموزش تصویری

      مقدمه

      با عرض سلام خدمت کاربران سایت پی وی لرن ، و کاربرانی که دوره کامل آموزش LESS را دنبال می کنند. در این جلسه ایمپورت کردن در LESS را یادخواهیم گرفت.از دستور import در LESS ، برای وارد کردن محتوا به فایل های Less یا Css و یا اضافه کردن فایل Less به فایل های دیگر استفاده می شود.

      import در LESS

      همان طور که گفته شد،از دستور import، برای  اضافه کردن فایل Less به فایل های دیگر استفاده می شود.

      شما می دانید که چگونه می توانید چیزهایی را در پیش پردازنده های CSS گسترش دهید؟ (اگر نه، شما می توانید در اینجا آن را یاد بگیرید.) زبان برنامه نویسی Sass می تواند این عمل را انجام دهد.همچنین LESS نیز می تواند آن را انجام دهد.به طور کلی  این ویژگی بسیار کاربردی و مفید می باشد.

      مثال زیر نحوه ایمپورت کردن در less را نشان می دهد:

      مثال : 

      اکنون فایل myfile.less را بسازید:

      myfile.less

      مثال : 

      مرحله بعدی باید فایل style.less را بسازیم:

      style.less

      مثال : 

      همان طور که مشاهده می کنید، فایل myfile.less که در آدرس http://www.tutorialspoint.com/less/myfile.less قرار دارد، به فایل style.less ایمپورت شده است.

      اکنون شما می توانید با استفاده از دستور زیر، فایل style.less را به فایل style.css کامپایل کنید:

      مثال : 

      با اجرای دستور بالا، فایل style.css به صورت خودکار،مانند زیر ایجاد می شود:

      style.css

      مثال : 

       خروجی

      با انجام گام های زیر، مشاهده کنید که کدهای مربوطه چگونه کار می کنند:

      • کدهای اچ تی ام ال بالای صفحه را در داخل یک فایل به نام importing.html ذخیره کنید.
      • اکنون این فایل را در یک مرورگر باز کنید،در نهایت خروجی همچون عکس زیر خواهد بود.

      ایمپورت کردن در LESS

       کلام آخر

      با یادگیری import در LESS ، برای وارد کردن محتوا به فایل های Less یا Css و یا اضافه کردن فایل Less به فایل های دیگر مشکلی نخواهید داشت و به راحتی می توانید عملیات انتقال فایل را انجام دهید این عمل در همه زبان های برنامه نویسی وجود دارد.

      QR:  جلسه ۱۱ : ایمپورت کردن در LESS
      به اشتراک بگذارید