快速开发CSS的利器-LESS

快速开发CSS的利器-LESS?

天下功夫,唯快不破!效率,在项目开发上,这是极其重要的。要做到快、精、准,在人任何时候都不是一件轻松容易的事。但是如果借助一些相应的工具,那就另当别论了!那么要想快速开发CSS,是否有相应的工具可使用呢?哈哈,回答是肯定啦!为了满足大家,今天我就来讲讲快速开发CSS的利器-LESS吧!

LESS是什么?

LESS到底何方神圣?又有何神通?竟然有达到快速开发CSS的神力。其实嘛,LESS就是包含一套自定义的语法及一个解析器,用户根据这些语法定义自己的样式规则,这些规则最终会通过解析器,编译生成对应的 CSS 文件。LESS 并没有裁剪 CSS 原有的特性,更不是用来取代 CSS 的,而是在现有 CSS 语法的基础上,为 CSS 加入程序式语言的特性。没错,这就是LESS本质。那我们该如何使用它呢?若想知答案,请点击《快速开发CSS的利器-初识less》

LESS混入?

混入?大家看到这一词,是不是很疑惑,心里瞬间有十万个为什么?什么是混入?又是怎么混入的?在什么时候混入?,那我我就不卖关子了直接告诉你们什么是LESS混入吧!混入,指的是在CSS代码当中再书写CSS代码(也就是样式中的样式),对于一些会在样式表中重复使用的样式规则,使用样式的嵌套方式进行书写。具体的怎么写的,大家可以看看《快速开发CSS的利器 - less 混入》

LESS嵌套规则?

我们知道,HTML结构中有标签的嵌套规则,但是没有听过什么CSS的嵌套规则。那为什么在LESS中又有嵌套规则,这是怎么回事?该怎么嵌套呢?嵌套后,又该怎么渲染呢?有需解答,那就直接点击《快速开发CSS的利器 - less 嵌套规则》吧!

LESS参数混入与运算?

大家看到标题,应该很清楚了!有参数,有运算,当然少不了变量这东西了!有变量,是不是像JavaScript一样还有变量作用域呢?哈哈,没错没错,是有的,是有的。想了解LESS参数混入与运算和有关变量的知识,大家可以分别点击《快速开发CSS的利器 - less 参数混入与运算》《快速开发CSS的利器 - less 变量与作用域》

LESS注释?

在LESS中也是有注释这概念的,它允许有两种注释书写的方法,标准的CSS注释——/*注释内容*/,以及类似于JS的单行注释——//注释内容。两种注释的区别在于,使用标准的CSS注释,不仅能够使用,也能够最终正确输出(渲染后的CSS文件当中也包含当前注释)。如果使用的是单行注释,则不能够被输出。

致谢

很感谢电脑前的你,将这篇文章从头读完,我们希望能够为大家建立一个HTML5技术分享平台,欢迎进入“HTML5学堂”沟通交流~~~HTML5学堂~http://www.h5course.com~由多名热爱H5的讲师们组成的一个组织。致力于构建一个前端技术、HTML5知识的分享平台。

原文地址:https://www.cnblogs.com/h5course/p/5138429.html