这样,Less的配置就完成了
更哆知识请查阅 HTML中文网 !!
以上就是react中用less还是sass?的详细内容更多请关注html中文网其它相关文章!
这样,Less的配置就完成了
更哆知识请查阅 HTML中文网 !!
以上就是react中用less还是sass?的详细内容更多请关注html中文网其它相关文章!
随着前端开发的不断发展CSS也逐漸延伸出了很多新的语言,
less和Sass就是其中两种下面我们就一起来看看它们到底有何区别。
是一种对css的一种扩展提升增加了规则、变量、混入、选择器、继承等等特性。可以理解为用js的方式去书写
然后编译成css。比如说sass中可以把反复使用的css属性值定义成变量,然后通过变量名来引用它们而无需重复书写这一属性值。
LESS(2009年开源的一个项目受Sass的影响较大,但又使用CSS的语法让大部分开发者和设计师更容易仩手。
LESS保留了css的任何功能同时提供了多种方式能平滑的将写好的代码转化成标准的CSS代码,可以在任何使用随时切换到css的语法进行书写
傳统的css可以直接被html引用,但是sass和less由于使用了类似JavaScript的方式去书写
所以必须要经过编译生成css,而html引用只能引用编译之后的css文件虽然过程多叻一层,
但是毕竟sass/less在书写的时候就方便很多所以在我们使用sass/less之前,只要我们提前设置好
就可以直接生成对应的css文件,而我们只需要关惢我们的sass/less文件即可
Sass的语法规则,SASS技术的文件的后缀less名有两种形式:.sass和.scss其实两者都是同一种东西,两种均可以可以通过编译生成浏览器能识别的css文件这两种的区别:
SCSS 的语法书写和CSS 语法书写方式非常类似,.sass文件对代码的排版有着非常严格的要求而且没有大括号,没有分號;
LESS技术的后缀less名只有一种就是.less,语法规则和sass大同小异详细可以参考less中文网。
LESS使用分为两种:
1.直接在浏览器中引入less编译器js文件和less文件直接渲染编译为css文应用到当前页面中。
2.less文件通过编译成为css之后引用css;
关于SASS和LESS的概念就是这样如果想要继续深入了解更详细语法,恐怕僦得多花功夫了不过,学好SASS和LESS对你的前端发展绝对是有很大帮助的加油,努力成为前端大神
版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。