Less技术和Sass技术定义用法及区别

Posted 2020-08-09 唐小青

  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的方式