Rapid development of CSS tool-less

Rapid development of CSS tool-less?

Days work hard, only fast not broken! Efficiency, which is extremely important in project development. To be fast, fine, accurate, at any time is not an easy thing. But if you use some of the appropriate tools, that's another story! So if you want to develop CSS quickly, is there a tool to use it? Haha, the answer is YES! In order to meet everyone, today I would like to talk about the rapid development of CSS tool-less it!

What's less?

Where is less sacred? What's the avatar? Actually have the power to achieve the rapid development of CSS. In fact, less is a set of custom syntax and a parser that users define their own style rules based on these syntaxes, which eventually generate the corresponding CSS file through the parser. Less does not cut the original CSS features, not to replace the CSS, but on the basis of the existing CSS syntax, for the CSS to add programming language features. Yes, that's the less nature. So how do we use it? If you want to know the answer, please click on "Quick development of CSS-first knowledge less"

Less mixed?

Mixing? You see this word, is not very confused, in the heart of an instant there are 100,000 why? What is mixed? And how did they get mixed up? When did you get mixed up? , then I am not suspense to tell you directly what is less mixed with it! Mixing refers to writing CSS code in the CSS code (that is, styles in styles), for some style rules that are reused in style sheets, and using nested styles to write. Specifically how to write, you can see the "Fast development of CSS tool-less mixed"

Less nesting rules?

We know that there are nested rules for tags in the HTML structure, but we have not heard of any CSS nesting rules. So why is there a nesting rule in less and what's going on? How do you nest it? After nesting, how to render it? For answers, just click on the fast-developing CSS tool-less nesting rules!

Less parameter mixing and operation?

You see the title, it should be very clear! There are parameters, there are operations, of course, the variable is the thing! Are there variables, like JavaScript and variable scopes? Haha, yes, yes, yes, there are. To understand the knowledge of less parameter blending and operation and related variables, you can click on "Fast developing CSS tool-less parameter blending and operation" and "fast developing CSS tool-less variable and scope"

Less comment?

There is also the concept of annotations in less, which allows for two ways to write annotations, a standard CSS comment--/* the comment */, and a single-line comment--//comment content similar to JS. The difference between the two types of annotations is that using standard CSS annotations will not only be used, but will eventually be output correctly (the rendered CSS file also contains the current comment). If a single-line comment is used, it cannot be output.

Thanks

Thank you in front of the computer, will this article read from the beginning, we hope to be able to establish a HTML5 technology sharing platform, welcome to the "HTML5 School" communication ~~~HTML5 Academy ~http://www.h5course.com~ An organization composed of many lecturers who love H5. Committed to building a front-end technology, HTML5 knowledge sharing platform.

Rapid development of CSS tool-less