آموزش Sass

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

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

پیش نیاز این دوره HTML و CSS است. پیش از شورع دوره به شما توصیه میشود دوره های مربوط به آنها را مطالعه نمایید:

مطالعه بیشتر: آموزش اچ تی ام ال HTML

مطالعه بیشتر: آموزش سی اس اس CSS

sass چیست؟

  • sass از کلمات Syntactically AwesomeStylesheet ساخته شده است.
  • sass افزونه ای برای CSS است.
  • sass یک پیش پردازنده برای CSS است.
  • sass با تمام نسخه های CSS سازگار است.
  • sass از تکرار کدهای CSS جلوگیری میکند.
  • sass توسط Hampton Catlin طراحی شد و Natalie Weizenbaum در سال 2006 آنرا توسعه داد.
  • ادانلود و استفاده از sass رایگان است.

چرا باید از sass استفاده کرد؟

فایل های CSS همواره بزرگتر و پیچیده تر میشوند و در نتیجه نگهداری و ویرایش آنها سخت تر میشود. بنابراین استفاده از پیش پردازنده CSS مفید خواهد بود.

sass به شما این امکان را میدهد تا از ویژگی هایی استفاده کنید که CSS ندارد، مانند متغیرها، قوانین تو در تو، mixinها، importها، ارث بری، ایجاد فانکشن و دیگر چیز ها.

sass چگونه کار میکند؟

مرورگرها کدهای sass را نمیفهمند. بنابراین شما نیاز به ابزاری نیاز دارید تا کدهای sass را به کدهای CSS تبدیل کند.

نوع فایل های sass

فایل های sass با فورمت ".scss" ذخیره میشوند.

کامنت در sass

sass از کامنت CSS پشتیبانی میکند. /* comment */ همیچنین sass از کامنت اینلاین هم پشتیبانی میکند. // comment

نوشتن دیدگاه

جستجو در سایت

  • مقدمه +

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

    Read More

  • نصب Sass +

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

    Read More

  • Sass - متغیرها +

    به کمک متغیر میتوان اطلاعات را ذخیره و استفاده کرد.

    Read More

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

    sass به شما این امکان را میدهد تا از ویژگی های یک کلاس در یک کلاس دیگر استفاده کنید.

    Read More

  • Sass - Importe - Partials +

    با کمک sass میتوان کدهای CSS را طوری بنویسید که بتوان آنها را در پروژه های بعدی نیز استفاده کنید.

    Read More

  • Sass - Mixins - Include +

    شما با دیرکتیو @mixin میتوانید کدهای CSS خود را در هرجای وب سایت استفاده کنید. شما با دیرکتیو @include میتوانید

    Read More

  • Sass - extend +

    با استفاده از دیرکتیو @extend میتوان پراپرتی های CSS را با دیگر سلکتورها به اشتراک گذاشت.

    Read More

  • 1

افراد آنلاین

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