The basic use of sass in the sass series

This article introduces the first section of the sass use series, the simplest basic use, and those who have sass can skip this chapter directly.


The first step to build the environment

1. The computer builds the ruby ​​environment---directly download the rubyinstaller-2.3.3.exe software from Baidu and install it.

2. The Settings in the project configuration webstrom stand-alone File are as follows to add SCSS


The second step is to create a new file xxx.scss


The third step of the use of sass syntax sass defines global variables starting with the $ symbol and sass style nesting syntax



The fourth step is the use of sass files in html

Be sure to link the css file compiled by sass, because the sass file cannot be recognized in html



Guess you like

Origin http://43.154.161.224:23101/article/api/json?id=325509748&siteId=291194637