更新时间:2020年12月10日14时38分 来源:传智教育 浏览次数:
在学习Sass之前,首先了解一下原生CSS语言,CSS仅仅是一个标记语言,不是编程语言,因此不可以自定义变量,也不可以引用。CSS主要有以下缺点。
(1) CSS是一门非程序式语言,没有变量、函数、SCOPE(作用域)等概念。
(2) CSS需要书写大量看似没有逻辑的代码,代码冗余度是比较高的。
(3) CSS没有很好的计算能力。
(4) 不方便维护及扩展,不利于复用。
从上述内容中,我们了解到CSS语言在实现页面的样式时,存在着些许不足。为了解决css在实际开发过程中存在的问题,我们可以使用Sass来实现页面的样式。
Sass是一款成熟、稳定、强大的专业级CSS扩展语言,它是一款强化CSS的辅助工具,在CSS语法的基础上增加了变量(variables)、嵌套(nestedrules)、混合(mixins)、导入(inline imports)等高级功能,让CSS更加强大与优雅。使用Sass以及Sass的样式库(如Compass)有助于更好地组织管理样式文件,以及更高效地开发项目。
Sass的优势主要包括如下几点。
(1) Sass完全兼容所有版本的CSS。
(2) 特性丰富,Sass拥有比其他任何CSS扩展语言更多的功能和特性。
(3) 技术成熟,功能强大。
(4) 行业认可,越来越多的人使用Sass。
(5) 社区庞大,大多数科技企业和成百上千名开发者为Sass提供支持。
(6) 有无数框架使用Sass构建,如Compass、Bootstrap、Bourbon和Susy。
此外,Sass为CSS引入了变量的概念。在Sass中编写样式代码时,可以把反复使用的CSS属性值定义成一个变量,这样就不需重复地书写此属性值,在使用此属性值时只需通过变量名在不同的代码位置来引用它。或者,对于仅使用过一次的属性值,可以赋予其一个易懂的变量名,让人很直观地看出这个属性值的用途。
猜你喜欢: