描述

本节介绍了Less 中函数的使用。

LESS 映射具有值操作的 JavaScript 代码,并使用预定义的函数来操纵样式表中的 HTML 元素。 它提供了操作颜色的几个功能,如圆函数,floor 函数,ceil 函数,百分比函数等。

例子

下面的例子演示了在 LESS 文件中使用函数:

Less Functions

Example using Functions

LESS enables customizable, manageable and reusable style sheet for web site.

接下来,创建文件 style.less 。

style.less@color: #FF8000;

@width:1.0;

.mycolor{

color: @color;

width: percentage(@width);

}

您可以使用以下命令将 style.less 文件编译为 style.css :lessc style.less style.c

接下来执行上面的命令,它将用下面的代码自动创建 style.css 文件:

style.css.mycolor {

color: #FF8000;

width: 100%;

}

输出

让我们执行以下步骤,看看上面的代码如何工作:

将上述 html 代码保存在functions.html文件中。

在浏览器中打开此 HTML 文件,将显示如下输出。

c语言less函数,Less 函数相关推荐

  1. c语言计算字符串的函数是什么,字符函数

    字符函数(character function)是处理字符型数据的函数,其自变量或函数值中至少有一个是字符型数据. 中文名 字符函数 外文名 character function 应用领域 计算机等涉 ...

  2. R语言使用download.file函数下载网络文件到本地(Download File from the Internet)

    R语言使用download.file函数下载网络文件到本地(Download File from the Internet) 目录 R语言使用download.file函数下载网络文件到本地(Down ...

  3. R语言使用trimws函数:trimws函数去除(删除、remove)字符串头尾的空格

    R语言使用trimws函数:trimws函数去除(删除.remove)字符串头尾的空格 目录 R语言使用trimws函数:trimws函数去除(删除.remove)字符串头尾的空格

  4. R语言stringr包str_dup函数字符串多次复制实战

    R语言stringr包str_dup函数字符串多次复制实战 目录 R语言stringr包str_dup函数字符串多次复制实战 #导入stringr包 #仿真数据

  5. R语言使用integrate函数进行函数积分计算实战

    R语言使用integrate函数进行函数积分计算实战 目录 R语言使用integrate函数进行函数积分计算实战 #自定义函数 #积分操作

  6. R语言stringr包str_count函数计算字符串匹配个数实战

    R语言stringr包str_count函数计算字符串匹配个数实战 目录 R语言stringr包str_count函数计算字符串匹配个数实战 #导入stringr包 #仿真数据

  7. R语言使用R原生函数plot和lines可视化线图、并使用lty参数自定义线条类型、lwd自定义设置线条的粗细、col参数自定义线条颜色(Change R base plot line types)

    R语言使用R原生函数plot和lines可视化线图.并使用lty参数自定义线条类型.lwd自定义设置线条的粗细.col参数自定义线条颜色(Change R base plot line types) ...

  8. R语言ggpubr包ggsummarystats函数可视化分组条形图(自定义分组颜色、添加抖动数据点jitter、误差条)并在X轴标签下方添加分组对应的统计值(样本数N、中位数、四分位数的间距iqr)

    R语言ggpubr包ggsummarystats函数可视化分组条形图(自定义分组颜色.添加抖动数据点jitter.误差条error bar)并在X轴标签下方添加分组对应的统计值(样本数N.中位数med ...

  9. R语言使用t.test函数计算两组独立数据的t检验(Independent t-test)

    R语言使用t.test函数计算两组独立数据的t检验(Independent t-test) 目录 R语言使用t.test函数计算两组独立数据的t检验(Independent t-test) #仿真数据

  10. R语言plyr包round_any函数将向量数据近似到任意精度实战

    R语言plyr包round_any函数向量将数据近似到任意精度实战 目录 R语言plyr包round_any函数向量将数据近似到任意精度实战 #导入plyr包 #仿真数据

最新文章

  1. neutron CLI is deprecated and will be removed in the future. Use openstack CLI instead
  2. 在tomcat下创建和发布WEB应用
  3. 【风险管理】金融产品一站式解决方案
  4. 全血微量元素团标今起实施 李喜贵:两项标准填补国内外空白
  5. c++ set 遍历_47. Set 是如何工作的(3) 遍历顺序是如何确定的?
  6. jax-rs jax-ws_对状态代码使用JAX-RS异常
  7. ES6语法---const和symbol
  8. 手机虚拟摄像头_新游 | 打破次元壁障,《猪猪侠AR虚拟使命》现实约战,一切尽在创酷互动!...
  9. 油猴脚本Tampermonkey初体验
  10. poj Eeny Meeny Moo 我用链表暴力超时了!!!
  11. h5带mysql数据库的留言板_【mysql】用PHP写留言板,有回复功能,要写入数据库。...
  12. python绘图总结2
  13. python调用函数出现未定义_在python中调用函数时出错“函数未定义”
  14. 人机交互中的情境认知
  15. python 爬取直播弹幕视频_Python获取B站直播间弹幕信息
  16. eclipse项目修改后浏览器不更新
  17. android报错:Only the original thread that created a view hierarchy can touch its views.
  18. 3分钟掌握7个XD基础操作
  19. 标准10进制公制度量系统单位换算
  20. 一些电脑使用的技巧和软件分享(电脑初学者必备)

热门文章

  1. Linux ACLs
  2. 开发基于 Google Map 的 Android 应用
  3. Solidworks模板及设计库方便设计者调用
  4. CGAL例程:地理信息系统----点云数据生成DSM、DTM、等高线和数据分类
  5. MikTex+texworks插入数学公式示例
  6. OpenCV4 Viz模块使用学习(一)
  7. description是什么意思
  8. 360浏览器异常关闭,错过点击恢复,如何重新恢复原有网页?
  9. 饥荒交际服务器显示,饥荒联机版服务器挂礼物教程
  10. 计算机无法正常启动安全模式开启,解决办法:如何解决Win7计算机无法正常启动而只能进入安全模式的问题...