描述

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

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

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

例子

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

   
   


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

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

style.less

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

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

lessc style.less style.css

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

style.css

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

輸出

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

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

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

---

文章名稱：創(chuàng)新互聯(lián)less教程：Less操作
瀏覽路徑：http://www.dlmjj.cn/article/ccejjje.html