在学习网站建设的过程中,我们或多或少地会听到“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”,用更少的代码实现更多的功能,这就是整个前端的进步。
发表回复