描述

本節(jié)介紹了 Less 中函數(shù)的使用。

成都創(chuàng)新互聯(lián)公司是一家專注于成都網(wǎng)站設計、網(wǎng)站建設與策劃設計,瀏陽網(wǎng)站建設哪家好?成都創(chuàng)新互聯(lián)公司做網(wǎng)站,專注于網(wǎng)站建設10多年,網(wǎng)設計領(lǐng)域的專業(yè)建站公司;建站業(yè)務涵蓋:瀏陽等地區(qū)。瀏陽做網(wǎng)站價格咨詢:028-86922220

LESS 映射具有值操作的 JavaScript 代碼，并使用預定義的函數(shù)來操縱樣式表中的 HTML 元素。 它提供了操作顏色的幾個功能，如圓函數(shù)，floor 函數(shù)，ceil 函數(shù)，百分比函數(shù)等。

例子

下面的例子演示了在 LESS 文件中使用函數(shù):

   
   


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

接下來，創(chuàng)建文件 style.less 。

style.less

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

您可以使用以下命令將 style.less 文件編譯為 style.css :

lessc style.less style.css

接下來執(zhí)行上面的命令，它將用下面的代碼自動創(chuàng)建 style.css 文件:

style.css

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

輸出

讓我們執(zhí)行以下步驟，看看上面的代碼如何工作:

• 將上述 html 代碼保存在 functions.html 文件中。

• 在瀏覽器中打開此 HTML 文件，將顯示如下輸出。

---

網(wǎng)站標題：創(chuàng)新互聯(lián)less教程：Less函數(shù)
鏈接分享：http://www.dlmjj.cn/article/dpdccie.html