新聞中心
描述
本節(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ù):
Less Functions
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


咨詢
建站咨詢
