Sass初体验
01-什么是Sass?
- Sass是一套利用Ruby实现的, 最早最成熟的CSS预处理器, 诞生于2007年
- 它扩展了 CSS 语言，增加了
变量、Mixin(混合)、嵌套、函数和运算等特性，使 CSS 更易维护和扩展
02-如何学习Sass?
- LESS是一套利用JavaScript实现的CSS预处理器, 诞生于2009年
- 由于LESS的诞生比SASS要晚, 并且LESS受到了Sass的影响, 所以在LESS中能看到大量SASS中的特性
- 所以只要学会了LESS就
等同于学会了大部分的SASS - 但是现在
不建议学Less,建议学Sass或者PostCSS或者Stylus - 至于为什么可以去百度一下,当然你肯定是知道了才点进来看我的文章呀对吧
03-Sass文件后缀名区别?
-
SASS以
.sass或者.scss结尾两种不同结尾方式区别:
-
.sass结尾以缩进替代{}表示层级结构, 语句后面不用编写分号(
不美观) -
.scss以{}表示层级结构, 语句后面需要写分号
-
企业开发中
推荐使用.scss结尾
那么废物不多说,我们直接上代码
这里分享一个在线Sass转CSS的网站 www.sassmeister.com/
