What is the difference between sass and css3

The difference between sass and css3: 1. Sass is a css preprocessing language written in buby language. It does not use curly braces and semicolons, while css3 is an upgraded version of css technology. It uses curly braces and Semicolon; 2. Sass browser cannot directly recognize and parse, it needs to be compiled by a compiler, but CSS3 can recognize it.

The operating environment of this tutorial: Windows 10 system, CSS3&&HTML5 version, Dell G3 computer.

What is the difference between sass and css3

The difference between sass and css

CSS refers to Cascading Style Sheets

CSS3 is CSS (Cascading Style An upgraded version of CSS3 technology was started in 1999. On May 23, 2001, W3C completed the working draft of CSS3, which mainly includes box model, list module, hyperlink method, language module, background and border, text effects, and more. Column layout and other modules.

Sass (Syntactically Awesome StyleSheets) is a CSS preprocessing language written in buby language. It has a strict indentation style and is very different from CSS writing specifications. It does not use curly braces and separators. No.

Sass is an auxiliary tool to enhance CSS and an extension of CSS. It adds variables, nested rules, mixins, inheritance ( extend), inline imports and other advanced functions, these extensions make CSS more powerful and elegant. Using Sass and Sass style libraries (such as Compass) helps to better organize and manage style files and develop projects more efficiently. The suffix is ​​.sass.

css preprocessor

The css preprocessor uses a special language to style the web page, and then compiles it into a normal css file for project use.

The benefits of using css preprocessing language: making css more concise, easy to modify, highly readable, adaptable to new features, and easier to maintain code.

Summary:

• Sass is a CSS preprocessing language, which generates CSS after compilation;

• Sass does not use curly braces and Semicolons, use indentation, CSS uses curly braces and semicolons;

• Sass supports advanced functions such as nesting and inheritance, but CSS does not support it;

• Sass is more elegant and easier to maintain;

• The sass browser cannot directly recognize and parse and needs to be compiled by a compiler;
  

• The file suffix of sass is .sass, and the suffix of css file is .css.
  

Writing style:

// sass
#sidebar
  width: 30%
  background-color: #faa
  
// css
#sidebar {
  width: 30%;
  background-color: #faa;
}

(Learning video sharing: css video tutorial)

The above is the detailed content of What is the difference between sass and css3. For more information, please follow other related articles on the PHP Chinese website!