描述

本節(jié)為你介紹 LESS 中使用的算術(shù)運(yùn)算符。

創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供姑蘇網(wǎng)站建設(shè)、姑蘇做網(wǎng)站、姑蘇網(wǎng)站設(shè)計(jì)、姑蘇網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)與制作、姑蘇企業(yè)網(wǎng)站模板建站服務(wù)，十余年姑蘇做網(wǎng)站經(jīng)驗(yàn)，不只是建網(wǎng)站，更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。

LESS支持一些算術(shù)運(yùn)算，例如加號(hào)(+)，減號(hào)( - )，乘法(*)和除法(/)，它們可以對(duì)任何數(shù)字，顏色或變量進(jìn)行操作。 操作節(jié)省了大量的時(shí)間，當(dāng)你使用變量，讓感到就像是簡(jiǎn)單的數(shù)學(xué)工作。

例子

下面的例子演示了在Less文件中使用操作:

   
   


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

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

style.less

@fontSize: 10px;
.myclass {
 font-size: @fontSize * 2;
 color:green;
}

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

lessc style.less style.css

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

style.css

.myclass {
  font-size: 20px;
  color: green;
}

輸出

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

• 將上面的html代碼保存在operations.html文件中。

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

---

網(wǎng)頁(yè)名稱：創(chuàng)新互聯(lián)less教程：Less操作
文章地址：http://m.5511xx.com/article/ccejjje.html