Less (一种动态样式语言)。

LESS是一种由Alexis Sellier设计的动态层叠样式表语言,受Sass所影响,同时也影响了 Sass的新语法:SCSS。 LESS是开源的,其第一个版本由Ruby写成,但在后续的版本当中,Ruby逐渐被替换为JavaScript。受益于JavaScript,LESS 可以在客户端上运行(IE6+、Webkit、Firefox),也可以在服务端运行(Node.js、Rhino)。 在语法方面,LESS与CSS较为接近,一个合法的CSS代码段本身也是一段合法的LESS代码段。LESS提供变量、嵌套、混合、操作符、函数等一般编程所需的抽象机制。

例子:

Windows操作系统需要安装下面的这个工具:

WinLess工具 http://winless.org/

注意:第一次运行,需要添加你的less文件所在的文件夹,后缀名必须全部是小写字母.less

【在编写less的时候一定要先运行这个软件,保存文件的时候才会自动编译.css文件。】

运行WinLess之后,你就可以在任何编辑器中打开less文件进行编辑,只要保存文件,它就会自动生成对应的一个.css文件(并压缩,包括去掉注释)。

相关网站【推荐阅读】:

LESS官方网站 http://lesscss.org/

LESS中国官网 http://www.lesscss.net/ 【详细使用介绍】

LESS源码(Git) https://github.com/cloudhead/less.js

LESS教程(W3CPlus) http://www.w3cplus.com/css/less

CSS3.LESS(HoneyLess) https://github.com/xiaoqiang/Honey-less

Dreamweaver中Less自动完成 http://istyles.blog.163.com/blog/static/1811003892012630570145/

LESS介绍及其与Sass的差异 http://www.qianduan.net/an-introduction-to-less-and-comparison-to-sass.html

Css预处理器实践之Sass、Less大比拼 http://cued.xunlei.com/log044

Sublime Text 2的Less2Css插件介绍与安装 http://www.qianduan.net/sublime-text-2-less2css-plugin-introduction.html

转载于:https://www.cnblogs.com/shimily/articles/4241131.html

Less (一种动态样式语言)相关推荐

  1. Web前端一种动态样式语言-- Less

    变量 变量允许我们单独定义一系列通用的样式,然后在需要的时候去调用.所以在做全局样式调整的时候我们可能只需要修改几行代码就可以了. // LESS@color: #4D926F;#header { c ...

  2. 动态网页语言ASP PHP ASP区别

    原文地址:http://www.qicaispace.com/teach/asp/page01/net43.asp 目前,最常用的三种动态网页语言有ASP(Active Server Pages),J ...

  3. 【实践】CTR预估在动态样式建模和特征表达学习方面的进展

    分享嘉宾:秀武 阿里 高级算法专家 编辑整理:Hoh Xil 出品平台:DataFun 导读:富媒体时代,广告的样式需要千人千面,广告产品形态呈现多样式.多物料组合形态,对 CTR 预估提出了巨大的挑 ...

  4. python是一种动态语言、这意味着_【python编程的优点是什么?难怪选择python的人越来越多了】- 环球网校...

    [摘要]Python是一种动态解释的.强类型定义语言:编写它时不需要定义变量类型.python判断值的类型的方法是什么,那么python编程的优点是什么?难怪选择python的人越来越多了,所以你知道 ...

  5. 动态css语言less,less让css具有动态语言的特性

    Less 是一种样式语言,它将 css 赋予了动态语言的特性,如变量. 继承. 运算. 函数.less 既可以在客户端上运行(支持IE 6+, Webkit, Firefox),也可以借助 Node. ...

  6. JavaScript——基于原型编程、多范式的动态脚本语言

    目录 JavaScript 01 关于JavaScript 1.1 JS的发展历史 1.2 JS的特性 1.3 JS的组成 1.4 JSP和JS的区别 02 在HTML中嵌入JS代码的三种方式 2.1 ...

  7. 在html语言描述中,css的特点有,css样式 css样式语言特点

    层叠样式表(英文全称:CascadingStyleSheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言.CSS不仅可以静态地修 ...

  8. 编译型语言、解释型语言、静态类型语言、动态类型语言概念与区别

    编译型语言和解释型语言 1.编译型语言 需通过编译器(compiler)将源代码编译成机器码,之后才能执行的语言.一般需经过编译(compile).链接(linker)这两个步骤.编译是把源代码编译成 ...

  9. 深入理解脚本化CSS系列第五篇——动态样式

    前面的话 很多时候,DOM操作比较简单明了,因此用javascript生成那些通常原本是HTML代码生成的内容并不麻烦.但由于浏览器充斥着隐藏的陷阱和不兼容问题,处理DOM中的某些部分时要复杂一些,比 ...

最新文章

  1. 浅谈Transformer 及Attention网络
  2. jQuery_第五章_jQuery事件和动画
  3. 「文本信息抽取与结构化」详聊文本的结构化「下」
  4. 基于i.MX RT电磁智能车AI算法的一些讨论
  5. 高颜值的神经网络可视化工具:3D、彩色、可定制,还能可视化参数重要性 | 开源...
  6. 卍解,开放基础架构的力量--9月26日免费大型讲座预告
  7. java设计模式:Singleton模式
  8. 信息学奥赛一本通 1312:【例3.4】昆虫繁殖
  9. 2063:【例1.4】牛吃牧草【入门题】
  10. 2018-2019-1 20165320 《信息安全系统设计基础》第八周学习总结
  11. python的方向_Python Shell下方向键显示「^[[C^[[D」修复方法
  12. wps2019政府专版 无广告
  13. 算法、数据结构经典资料简介(TAOCP、Robert Sedgewick、算法导论、编程珠玑)
  14. php的chunk_split,php函数chunk_split详解
  15. element Table el-tooltip
  16. 视频监控系统中的流媒体服务器、直写和全切换三种取流架构方案
  17. PowerBI利用市场可视化组件Hierarchy Chart by Akvelon绘制组织架构图
  18. 更改Mysql数据库密码
  19. 4.5 没有自学,不是大学——《逆袭大学》连载
  20. Pyside2中嵌入Matplotlib的绘图

热门文章

  1. intellij手动添加依赖jar包
  2. Exception in thread main java.lang.NoClassDefFoundError: org/apache/tez/dag/api/TezConfiguration
  3. monkey補丁後異步速度比同步還慢是怎麼回事
  4. Ubuntu18.10的chrome免输入密码
  5. python 的几个内置函数(lambda ,zip, filter, map, reduce )用法
  6. 3.3 参数估计:贝叶斯估计
  7. 360 mysql账户_MYSQL用户管理
  8. 搭建express框架
  9. 大话javascript 2期:执行上下文与执行上下文栈
  10. Spring源码由浅入深系列一 简介