آموزش 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