css扩展技术：Less和Sass的区别

这个周学习了Less和Sass这两个css框架，我基本了解了它们各自的语法和特性，并通过两个html网页设计的练习，感受一下它们给我们开发者在进行css网页布局过程中带来的便利。下面是我对它们之间的区别的一些总结。

Less和Sass的相同之处：

1.变量：可以单独定义一系列通用的样式，在需要的时候进行调用。

2.混合（Mixins）：class中的class（讲一个class引入到另一个class，实现class与class之间的继承），还可以带参数的混合，就像函数一样。

3.嵌套：class中嵌套class，从而减少代码的重复。

4.运算：提供了加减乘除四则运算，可以做属性值可颜色的运算。

Less和Sass之间的区别：

1.实现方式：Less是基于JavaScript，是在客户端进行处理的；Sass是基于Ruby，是在服务器端进行处理的。

2.定义变量：Less定义变量时使用前缀：@；Sass定义变量时使用前缀：$。

//Less定义变量：@color: #4D926F;#header {  color: @color;}//Sass定义变量  $blue : #1875e7;　    　　div {  　　　color : $blue;  　　}

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com

原标题：css扩展技术：Less和Sass的区别

关键词：CSS