Sass Tutorial

Sass is a CSS pre-processor.

Sass reduces repetition of CSS and therefore saves time.

Start learning Sass now »

示例 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;

Run Example »

Sass Function 参考

At W3Schools you will find complete references of all Sass functions with syntax and examples.

Sass字符串 Functions

sass数字 Functions

sass列表 Functions

sass地图 Functions

sass选择器 Functions

Sass简介spection Functions

ass色 Functions

W3Schools is optimized for learning, testing, and training. 示例 might be simplified to improve reading and basic understanding. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using this site, you agree to have read and accepted our terms of use, cookie and privacy policy. Copyright 1999-2020 by Refsnes Data. All Rights Reserved.
Powered by W3.CSS.