什么是LESS?

在学习网站建设的过程中,我们或多或少地会听到“LESS”这么一个词,让我们通过这篇文章来了解一下,到底什么是LESS,并且应该怎么去使用它。

什么是LESS?

用一句话概括的话:“LESS是一种动态样式语言,通过赋予CSS动态语言的特性从而更易于编写与维护。”
简单来理解,它是CSS的另一种编码方式,只不过语法更加灵活,运算更加给力,所以越来越受到前端开发工程师的喜爱。

如何使用LESS?

如果你想要在自己的项目中引入LESS,其实非常容易,只需要下载一个GUI编译工具,然后通过.less文件采用LESS语法进行编码,最后编译成.css文件即可。

什么是GUI编译工具?

初始使用LESS来编译成CSS文件还是比较麻烦的,需要通过安装全局LESS编译环境,再通过命令行进行编译,繁琐又让新手难以上手。
所以很多达人推出了快速的编译工具,例如国人推出的“koala”、国外的“SimpleLess”等,能够让你安装一次以后,直接智能进行编译,妈妈再也不用担心我不会编译LESS了。

为什么要使用LESS?

在LESS推出的初始,很多前端工程师并不喜欢这个让人陌生的东西,认为将简单的CSS动态化,影响性能不说,还有一种多此一举的意味。
不过经过几年的发展,越来越多的前端工程师认识到了这种编码方式的灵活方便之处,例如通过变量的引入,可以很方便地控制某个全局变量(例如整站定义的几类颜色等);还可以通过嵌套,让一些结构层次较深的CSS属性编写变得更加简单。

与LESS类似的语言?

因为LESS的大获成功,又出现了例如SASS等,如果你有兴趣,可以去学习一下。

写在文章最后

只要你使用过LESS,就不会再想去写那繁琐笨重的CSS了,正如LESS所想要表达的理念一样“Less is more”,用更少的代码实现更多的功能,这就是整个前端的进步。