Sass Tutorial
Sass is a CSS pre-processor.
Sass reduces repetition of CSS and therefore saves time.
Start learning Sass now »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;
}
Login to Track Your Progress
Create a free W3Schools account and get access to more features and learning materials:
View your completed chapters, quizzes, and exercises- Keep an eye on your progress and daily streaks
- Jump back in exactly where you left off
- Create your own personal website
Note: This is an optional feature. You can study at W3Schools without creating an account.
Sass Function References
At W3Schools you will find complete references of all Sass functions with syntax and examples.
