什么是Sass？Sass的优势有哪些？

　　在学习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属性值定义成一个变量，这样就不需重复地书写此属性值，在使用此属性值时只需通过变量名在不同的代码位置来引用它。或者，对于仅使用过一次的属性值，可以赋予其一个易懂的变量名，让人很直观地看出这个属性值的用途。

猜你喜欢：

【web前端】移动端web页面如何定义和使用初始化样式？

如何通过Less变量来实现CSS样式

黑马程序员web前端培训课程