Sass Tutorial
Learn Sass
Sass is a CSS pre-processor.
Sass reduces repetition of CSS and therefore saves time.
Become Sass Certified
Get certified with our Sass exam, includes a professionally curated study kit to guide you from beginner to exam-ready.
Examples in Each Chapter
Our "Show Sass" tool makes it easy to learn Sass, it shows both the code and the result.
Sass Example
/* Define standard variables and values for website */
$bgcolor: lightblue;
$textcolor: darkblue;
$fontsize: 18px;
/* Use the variables */
body
{
background-color: $bgcolor;
color:
$textcolor;
font-size: $fontsize;
}
Sass Function References
At W3Schools you will find complete references of all Sass functions with syntax and examples.