1-1 sacc (scss) entry, 1-1saccscss entry

1-1 sacc (scss) entry, 1-1saccscss entry

Definition:

The CSS Preprocessor defines a new language. Its basic idea is to use a special programming language to add some programming features for CSS and use CSS as the target to generate files, then developers only need to use this language for coding.

In layman's terms, "the CSS Preprocessor uses a special programming language to design Web page styles and then compile them into normal CSS files for the project to use. The CSS Preprocessor adds some programming features to CSS without considering the compatibility of browsers. "For example, you can useVariable,Simple logic program,Function (For example, variables are used in the code editor on the right.$ Color)Some of the basic features in programming languages can make your CSSMore concise,Better adaptability,Better readability,Easier code MaintenanceAnd so on.

Other CSS pre-processor languages:

CSS pre-processor technology is very mature, and many different typesCSS Preprocessor LanguageFor example:

• Sass (SCSS)
• LESS
• Stylus
• Turbine
• Swithch CSS
• CSS Cacheer
• DT CSS

So many CSS pre-processors, "which type of CSS pre-processor should I choose ?" It has also become a hot topic on the Internet recently.Linkedin,Twitter,CSS-Trick,ZhihuAnd on major technical forums, many people have been arguing about this. This is a great improvement compared to the previous topic about whether to use CSS preprocessors.

So far, among the many excellent CSS preprocessorsSass,LESSAndStylusThe best, more discussions, and more comparisons. This tutorial will focus on introducing Sass in the CSS Preprocessor. I believe that front-end development engineers will like it.