Less 相關面試題

一、Less是什麼？

Less （Leaner Style Sheets 的縮寫） 是一門向後兼容的 CSS 擴展語言。

二、聲明變量

@變量名：變量值

 

三、less封裝函數

less還可以像js一樣的來封裝函數，需要時可以直接調用。

.borderName(@px) {
　　border - radius : @px;
}
.box5{
    .borderName(10px)
}

 

四、Mixins在Less中有什麼用?

在Less中，Mixins可幫助您將一組規則集中的一組屬性添加到另一組規則集中。它包括類名作爲其屬性。可以使用類或id選擇器以與CSS樣式相同的方式聲明Mixins。它可以存儲多個值，並在必要時可以在代碼中重用。

 .bordersName {  
     border-radius: 5px;  
     -moz-border-radius: 5px;  
     -webkit-border-radius: 5px;  
  }
  #menu {  
     color: gray;  
     .bordersName;  
  }

 

五、Less中提供哪些不同類型的功能?

Less中不同類型的函數的列表如下：

• 雜項函數
• 字符串函數
• 清單函數
• 數學函數
• 類型函數
• 顏色定義函數
• 色彩通道函數
• 色彩操作
• 色彩融合功能