1、硕 士 研 究 生 读 书 报 告,题目:LESS入门,作者姓名 Blink 作者学号 12345678 指导教师 程学林 学科专业 软件与服务工程,LESS,LESS是什么?,Creavity,LESSCSS是一种动态样式语言,属于CSS预处理语言的一种,它使用类似CSS语言的语法,为CSS赋予了动态语言的特性,如变量、继承、运算、函数等,更方便CSS的编写和维护。 LESSCSS可以在多种语言、环境中使用,包括浏览器端、桌面客户端、服务端。,LESS的用法,Creavity,推荐使用第三方编译工具Koala一个前端预处理器语言图形编译工具,支持Less、Sass、Compass、Coffe
2、eScript,帮助web开发者更高效地使用它们进行开发。跨平台运行,完美兼容windows、linux、mac。,LESS的用法,Creavity,LESS语法详解,Creavity,LESS中的注释: 可以使用/* */ 也可以使用/ /在编译时会自动过滤掉,LESS语法详解,Creavity,LESS中的变量: 使用开头,LESS语法详解,Creavity,LESS中的混合(Mixin): 混合变量例如: 带参数的混合:,LESS语法详解,Creavity,LESS匹配模式:相当于JavaScript中的if,但不完全是, 需要满足条件后才匹配。,LESS语法详解,Creavity,LESS语法详解,Creavity,LESS语法详解,Creavity,LESS语法详解,Creavity,LESS运算:任何数字、颜色、变量都可以参加运算,例如 + - * /。,LESS语法详解,Creavity,LESS语法详解,Creavity,LESS的嵌套:,LESS语法详解,Creavity,LESS的嵌套:,LESS语法详解,Creavity,LESS避免编译: 有时候我们需要输出一些不正确的CSS语法或者LESS不认识的CSS专有语法,我们可以在字符串前加上一个“”来避免LESS编译。,LESS,Creavity,了解更多:http:/ http:/,Thank You!,