首页 > 代码库 > Less技术和Sass技术定义、用法及区别
Less技术和Sass技术定义、用法及区别
Less技术
定义:基于CSS的CSS扩展技术
特点:引入变量、混合、运算和函数。
作用:简化CSS代码。
1.定义变量。
形式:@ 变量名=值;
2.混合。
方式:可以用类选择器 .;
id选择器:#;
标签选择器:input body等
形式如:定义- .header1{
width:20px;
height:50px;}
调用- header{
.header1
}
3.带参数混合
定义:header1(a,b,c){
width:a;
height:b;
background:c
}
调用:header{
.header1(10px;20px;red)
}
Sass技术
特点:1.与Less技术基本一致,均是基于css。
2.变量声明用$符号。
3.变量值后跟!global表示全局变量。
4.混合,以@mixin+名称声明,以@include+名称调用。
5.没有arguments的方式
Less技术和Sass技术定义、用法及区别
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。