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中不同类型的函数的列表如下：

• 杂项函数
• 字符串函数
• 清单函数
• 数学函数
• 类型函数
• 颜色定义函数
• 色彩通道函数
• 色彩操作
• 色彩融合功能