📌  相关文章
📜  LESS-函数

📅  最后修改于: 2020-10-22 07:05:40             🧑  作者: Mango

 

描述

LESS使用值的操作来映射JavaScript代码，并使用预定义的函数来操作样式表中的HTML元素。它提供了多种功能来操纵颜色，例如圆形函数，地板函数，天花板函数，百分比函数等。

例

以下示例演示了LESS文件中函数的使用-

Less Functions
      
   
   
   
      
Example using Functions

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

现在创建style.less文件。

无样式

@color: #FF8000;
@width:1.0;
.mycolor {
   color: @color;
   width: percentage(@width);
}

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

lessc style.less style.css

现在执行上面的命令；它将使用以下代码自动创建style.css文件-

style.css

.mycolor {
   color: #FF8000;
   width: 100%;
}

输出

请按照以下步骤查看上面的代码如何工作-

  • 将上面的html代码保存在functions.html文件中。
  • 在浏览器中打开此HTML文件，显示将收到以下输出。

功能少