描述

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

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

LESS 映射具有值操作的 JavaScript 代碼，并使用預(yù)定義的函數(shù)來操縱樣式表中的 HTML 元素。 它提供了操作顏色的幾個(gè)功能，如圓函數(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í)行上面的命令，它將用下面的代碼自動(dòng)創(chuàng)建 style.css 文件:

style.css

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

輸出

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

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

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

---

文章名稱：創(chuàng)新互聯(lián)less教程：Less函數(shù)
標(biāo)題鏈接：http://www.5511xx.com/article/dpdccie.html