标签:Scss Sass Less 认识 语法 处理器 格式
1.Sass是css预处理器中的一种。
2.什么是css预处理器?
CSS预处理器的出现,使得我们可以像操作JavaScript那样以“编程”的方式来书写CSS。在CSS预处理器中,我们可以使用变量、循环、函数等方式来简化操作,提高开发效率。
3.css预处理器语言最常见的3种:
1》Sass
2》Less
3》Stylus
4.Sass和Less的比较:
(1)Sass由于是使用Ruby编写的,所以编译的时候是在服务器端处理;而Less由于是使用JavaScript编写的,所以编译的时候是在浏览器端处理;
(2)Sass拥有更为强大的功能,如循环、函数、混合宏等,而less却没有;
(3)Sass拥有成熟稳定的框架来辅助开发,特别是Compass,而less却没有;
(4)Sass在国内外讨论热度最大,并且有一个稳定强大的团队在维护;
(5)相当多的公司更为倾向于使用Sass,而不是less;
4.Sass和Less的比较:
1》在Sass中,有2种语法格式:(1)Sass格式;(2)Scss格式。也就是说,平常我们所说的Sass和Scss其实是同一个东西来的,统称为Sass。Sass和Scss仅仅是Sass的两种语法格式罢了。
2》区别:
。Sass格式,是Sass的“旧版本语法”。这种语法格式,不使用大括号“{}”和分号“;”,而是使 用严格的缩进式语法规则来书写,也就是类似Ruby语言的写法。
例如:$color:white
$bgColor:red
body
color:$color
background-color:$bgColor
。 Scss格式 ,是Sass的“新版本语法”。这种语法格式,使用大括号“{}”和分号“;”,并不 使用严格的缩进式语法规则来书写,也就是类似CSS书写的格式。
标签:Scss,Sass,Less,认识,语法,处理器,格式 来源: https://www.cnblogs.com/hou-yuan-zhen/p/11614832.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。