Shulou(Shulou.com)06/01 Report--

The editor will share with you what css3, less and sass mean. I hope you will get something after reading this article. Let's discuss it together.

Css3 is an upgraded version of CSS technology, is a computer language used to represent file styles such as HTML or XML; Less is an extension and dynamic stylesheet language of CSS, a CSS preprocessor; sass is a CSS preprocessing language written in Ruby language, which can be used to describe file styles clearly and structurally.

The operating environment of this tutorial: windows7 system, CSS3&&Sass3.7.4 version, Dell G3 computer.

What is CSS3?

CSS is the abbreviation of Cascading Style Sheets (cascading style sheet). It is a computer language used to represent file styles such as HTML (an application of standard general markup language) or XML (a subset of standard general markup language).

CSS can accurately control the layout of elements in a web page at the pixel level, support almost all font size styles, and have the ability to edit web objects and model styles.

CSS3 is an upgraded version of CSS (cascading style sheet) technology, which was developed in 1999. W3C completed the working draft of CSS3 on May 23,2001.It mainly includes box model, list module, hyperlink mode, language module, background and frame, text special effects, multi-column layout and so on.

A major change in the evolution of CSS is the W3C's decision to divide CSS3 into a series of modules. Browser vendors innovate quickly at the pace of CSS, so by adopting a modular approach, elements in the CSS3 specification can move forward at different speeds, because different browser vendors only support given features. But different browsers support different features at different times, which also complicates cross-browser development.

The principle of CSS3, like CSS, is to customize the selector of a stylesheet in a web page, and then refer to a large number of these selectors in the web page.

New features

There are many new features of CSS3, such as fillet effects, graphical boundaries, block shadows and text shadows, transparent effects using RGBA, gradient effects, custom fonts, multi-background images, text or image deformation processing (rotation, scaling, tilting, moving), multi-column layout, media query, etc.

What is Less?

Less is an extended and dynamic stylesheet language for CSS, CSS preprocessor, which can be run on the client or server side to help us customize, manage and reuse web stylesheets.

Less is an open source language and a cross-browser compatible language.

Advantages:

1. Less is a CSS preprocessor. When compiled, it generates a simple CSS for browsers.

2. Less supports cross-browser compatibility.

3. Because Less uses nesting, the code is shorter, cleaner, and organized in a specific way

4. Because Less uses variables, maintenance can be implemented more quickly.

5. Less provides a series of operators to make coding faster and more time-saving.

6. Less provides the @ mport rule so that we can easily work with external files. Note: import is necessary because many people split the stylesheet into multiple files instead of putting it in a single file.

7. Less provides merge properties. The most exciting feature of Less is its acceptance of multiple values, such as transform,transition and box-shadow.

8. Less is written in JavaScript and can be compiled faster than other preprocessors of CSS.

Disadvantages:

1. If we are not familiar with CSS preprocessing, we must spend some time learning about Less.

2. Compared with earlier preprocessors such as SASS, which includes frameworks such as Compass,Gravity and Susy, Less provides fewer frameworks.

3. In Less, there is tight coupling between modules, so it takes more effort to reuse and / or test related modules.

What is sass?

Sass is a meta-language higher than CSS. It can be used to describe file styles clearly and structurally. It has more powerful functions than ordinary CSS. Sass provides a more concise and elegant syntax while providing a variety of functions to create stylesheets that can be maintained and managed.

Sass is a CSS preprocessing language written in Ruby. It was born in 2007 and is the largest mature CSS preprocessing language. It was originally designed to work with HAML (an indented HTML precompiler), so it has the same indented style as HTML. SASS is an extension of CSS3, adding rule nesting, variables, mixing, selector inheritance, and so on. Convert it to standard, well-formed CSS code by using command-line tools or WEB framework plug-ins.

After reading this article, I believe you have a certain understanding of "what is the meaning of css3, less and sass". If you want to know more about it, you are welcome to follow the industry information channel. Thank you for reading!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.