با سلام

دوست عزیز CSS مخفف کلمه cascade style sheet  می باشد و در واقع زبانی برای نوشتن استایل ها برای سند HTML می باشد. شما می توانید با استفاده از استایل هایی که در CSS تعریف می کنید قالب خود را زیباتر نمایید.

SCSS در واقع یک پیش پردازنده می باشد. یعنی شما به زبان SCSS که درواقع برای سرعت بخشی به طراحی استایل های زیبا در نظر گرفته شده است قالب های خود را طراحی می کنید و با استفاده از یک کامپایلر کدهای SCSS را به کدهای CSS کامپایل می کنید.

برای درک بهتر به این مثال توجه کنید:

شما تم سایت را به رنگ قرمز طراحی کرده اید و تحویل مشتری داده اید. بنا به دلایلی مشتری تصمیم به تغییر رنگ تم خود و یا تغییر اندازه فونت ها یا از این قبیل تغییرات می گیرد و شما می خواهید در سریعترین زمان ممکن تغییرات را اعمال نمایید تا سایت را نهایی کنید. در صورتی که با css سایت را طراحی کرده باشید اعمال این تغییرات نیازمند این است که شما استایل های خود را دونه دونه بگردید و جاهایی که نیاز به تغییر دارد را ویرایش کنید. اما در صورتی که از SCSS استفاده کرده باشید تنها با تغییر variable هایی که در ابتدا تعریف کرده اید تمامی تغییرات شما در کل استایل ها اعمال می شود.