SCSS files are stored with .scss extension. They are similar to CSS files with added features like variables and nesting. SCSS files are compiled into CSS files for use in webpages. SCSS files use plain text format. The SCSS language does not replace CSS. Instead, SCSS extends CSS capabilities.
CSS files format contents of webpages. They define size, color, borders of HTML elements. CSS was released in 1996. It is developed by the World Wide Web Consortium.
SCSS introduces variables, nesting, imports in CSS. This makes design more fun. SCSS files are not used directly. They are compiled to CSS first. Then CSS is included in HTML.
To use CSS, add link tag in HTML head section. The href attribute links to CSS file. Styles in CSS file apply to HTML. A CSS rule has a selector and declaration.
Compile SCSS files to CSS with sass command. Watch individual SCSS files for changes. Recompile CSS when SASS source files change. This automates build process.
Visual Studio Code
Atom Editor
Sublime Text
Sass Compiler